@zeniai/web-components 3.16.42 → 3.16.44

package/dist/CustomerOnboardingNoStepsPage-D7nSQtb9.cjs

@@ -1,66 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-DHyNpoQL.cjs"),d=require("@emotion/styled"),e=require("./index-BP5gPMlL.cjs"),ye=require("./HelpButton-CRkrgKJ5.cjs"),v=require("react"),ne=require("./PaymentAccountSetupBillingAddressSection-CVu_zLWv.cjs"),xe=require("./CustomerOnboardingDetailPageSkeleton-BIl5UmZ7.cjs"),K="onboardingPaymentAccountSetupSection",se="customerOnboardingNoStepsDetailPage",o="onboardingSubscriptionBillingAddress",Z={titleWidth:new e.ResponsiveSized(343,580,726,826),subTitlePaddingTop:new e.ResponsiveSized(e.sp[3],e.sp[3]),subTitlePaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),termsPaddingLeftRight:new e.ResponsiveSized(e.sp[0],e.sp[3])},he=t=>`${t}_form`,Ce=e.appLocale.getLocalizedStrings(),be=({onboardingCustomerView:t,connectedAccountProvider:h,cardPaymentView:f,stripeKey:O,googleAPIKey:$,signedInUser:C,currentTenant:B,onUpdateStep:E,handleCreateCardSetupIntent:R,handleConfirmCardSetupIntent:I,updateCardPaymentModalState:b,handleAddCardPaymentSource:L,resetCardPaymentViewState:T,handleResetCardPaymentErrorStatuses:z,redirectToProductSuitePage:P,onUpdateCustomerView:V,...F})=>{const u=e.useWindowSizeContext(),_=e.useToolkitContext(),{analytics:y}=_,{onFetchLinkTokenClick:D,onUpdatePaymentAccountStatus:q,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionClick:x,onEstablishConnectionSuccess:U,handleLogOutClick:W,onZeniLogoClick:H,onAddressEditHandler:k}=F,M=n.useTheme(),a=n.useForm({mode:"onSubmit",reValidateMode:"onSubmit",defaultValues:w(t),values:w(t),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),{companyOfficerLocalData:oe,saveStatus:p,paymentAccount:j,paymentAccountStatus:ie,plaidConnectionDetails:J,uiState:re,allNationalityCountries:Q,subscriptionBillingAddress:g}=t,{customerOnboardingPage:ae,common:m}=Ce,{footer:ce,steps:le}=ae,{buttons:G}=ce,X=le.link_payment_account,A=e.usePrevious(p.fetchState),Y=Object.values(oe).findIndex(s=>s?.isSelectedForVerification===!0)??0,de=`Officer_${Y<0?1:Y+1}`,ue=async(s,i)=>{if(s.includes(o)&&i[o]!=null){const r=a.getValues(`${o}`).country;let c=i[o];if(s.includes(`${o}.street`)&&i[o].street!=null){const{addressValue:l}=i[o].street,S=e.getCountryOptions(l?.country);c={street:i[o].street??m.strings.empty,city:l?.locality??m.strings.empty,state:l?.administrativeAreaLevel1??m.strings.empty,country:S,countryCode:l?.countryCode??m.strings.empty,postalCode:l?.postalCode??m.strings.empty,secondaryInfo:i[o].secondaryInfo,suite:i[o].suite},r.selectedOption!==S.selectedOption&&(c={...c,country:S})}else s===`${o}.country`&&r.selectedOption!=null?c={...c,countryCode:e.getAlpha2(r.selectedOption)}:r.selectedOption!=null&&s.includes(`${o}.street`)===!1&&(c={...c,countryCode:e.getAlpha2(r.selectedOption)});k(c)}};v.useEffect(()=>{const s=a.watch((i,{name:r})=>{r!=null&&i!=null&&n.defer(()=>ue(r,i))});return()=>{s.unsubscribe()}}),v.useEffect(()=>{A==="In-Progress"&&p.fetchState==="Completed"&&a.reset(w(t),{keepDirtyValues:!1})},[a,t,A,p.fetchState,Q]);const pe=()=>{const s=a.getValues(o),i={street:s.street.addressString,suite:s.suite,city:s.city,state:s.state,postalCode:s.postalCode,country:s.country.selectedOption??m.strings.empty,secondaryInfo:s.secondaryInfo};y.trackOnboardingBillingAddressSave(i)},ee=()=>{const s=Object.values(J).some(S=>S.fetchStatus.fetchState==="Completed"),i=j?.providerVerificationStatus?.code?.includes("verified")??!1,r=f.cardsList.length>0,l=f.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return s&&i||!i&&!j&&r||!r&&!j&&l};function ge(){if(a.getFieldState(o).error)return!1;const i=a.getValues(o),r=g?.street.join("").trim(),c=g?.city,l=g?.state,S=g?.country,fe=g?.postalCode!=null&&g.postalCode||i.postalCode||m.strings.empty;return!!r&&!!c&&!!l&&!!S&&!!fe}const me=async()=>{const s=await a.trigger(o),i=await a.trigger(K);s&&i&&(pe(),E("link_payment_account"),V(de,!1,!0))};v.useEffect(()=>{A==="In-Progress"&&p.fetchState==="Completed"&&(a.reset(w(t),{keepDirtyValues:!1}),P())},[a,t,A,p.fetchState,Q,P]);const[te,Se]=v.useState(!1);return n.jsxRuntimeExports.jsxs(Pe,{children:[n.jsxRuntimeExports.jsxs(ke,{windowSize:u,children:[n.jsxRuntimeExports.jsx(e.NavBar,{title:X.sectionTitle,showBackButton:!1,backgroundColor:M.colors.grey4,style:{zIndex:4},source:"CustomerOnboardingPaymentAddressDetailPage",showLeftSection:u!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:e.Space.sp0,paddingBottom:e.Space.sp0},leftSideComponent:n.jsxRuntimeExports.jsx(we,{children:n.jsxRuntimeExports.jsx(Oe,{"data-testid":e.generateDataTestId("zeni-logo-customer-onboarding-payment-address-detail-page"),onClick:H})})}),n.jsxRuntimeExports.jsx(n.FormProvider,{...a,children:n.jsxRuntimeExports.jsx(Ae,{id:he(se),children:n.jsxRuntimeExports.jsxs(je,{children:[n.jsxRuntimeExports.jsx($e,{windowSize:u,children:X.sectionSubTitle}),n.jsxRuntimeExports.jsx(ne.PaymentAccountSetupBillingAddressSection,{connectedAccountProvider:h,paymentAccount:j,accountStatus:ie,plaidConnectionDetails:J,subscriptionBillingAddressSectionId:o,sectionId:K,analytics:y,isValid:ee(),onFetchLinkTokenClick:D,onEstablishConnectionClick:x,onUpdatePaymentAccountStatus:q,onUpdatePaymentAccountLoginStatus:N,onEstablishConnectionSuccess:U,updateCardPaymentModalState:b,cardPaymentView:f,resetCardPaymentViewState:T,cardSetupInProgress:te,googleAPIKey:$,subscriptionBillingAddress:g})]},"link_payment_account")})}),n.jsxRuntimeExports.jsx(e.Footer,{formId:`${se}`,leftSideComponent:n.jsxRuntimeExports.jsx(ve,{windowSize:u,children:n.jsxRuntimeExports.jsx(e.LogoutButton,{signedInUser:C,currentTenant:B,onLogOutClick:W})}),style:{width:u==="small"?"auto":"100%",padding:e.Space.sp0,rowGap:e.Space.sp1},helperContainerStyle:{width:"100%",rowGap:e.Space.sp1,marginTop:"12px",marginBottom:e.Space.sp2},primaryBtn:{onClick:me,label:G.submit,isLoading:p.fetchState==="In-Progress",isDisabled:p.fetchState==="In-Progress"||!(ge()&&ee())},containerStyle:{width:"auto",justifyContent:"center"},helperText:G.submitText.replace("__action__",G.submit),helperStyle:{width:"auto",padding:e.Space.sp0,rowGap:e.Space.sp0,textAlign:"center"}})]}),n.jsxRuntimeExports.jsx(ne.CardPaymentModal,{handleConfirmCardSetupIntent:I,updateCardPaymentModalState:b,handleCreateCardSetupIntent:R,handleAddCardPaymentSource:L,cardPaymentView:f,stripeKey:O,isCardPaymentOpen:re.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:z,cardSetupInProgress:te,setCardSetupInProgress:Se})]})},Pe=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100% ${t=>t.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${e.Space.sp0};
-  }
-`,ke=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-image: ${t=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${t.windowSize==="small"?"m":"w"}-${t.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${t=>t.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${t=>t.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${t=>t.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,je=d.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  padding-bottom: ${e.Space.sp0};
-`,Ae=d.form`
-  padding-top: ${e.Space.sp0};
-  flex: 1;
-`,ve=d.div`
-  display: flex;
-  height: ${e.Space.sp7};
-  left: ${e.Space.sp4};
-  bottom: ${e.Space.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`,we=d.div`
-  display: flex;
-`,Oe=d(e.SvgZeniLogoFull)`
-  height: ${e.Space.sp4};
-  width: 102px;
-  color: ${t=>t.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${e.Space.sp4};
-`,$e=d(e.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>Z.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>Z.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>Z.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-  width: 100%;
-`,w=t=>({[K]:{account:{allOptions:[],selectedOption:void 0}},[o]:e.getAddressDefaultValues(o,t?.subscriptionBillingAddress)[o]}),Be=t=>{const{onboardingCustomerView:h,cardPaymentView:f,signedInUser:O,currentTenant:$,isOnAddressPage:C,stripeKey:B,googleAPIKey:E,meetingUrl:R,onUpdateStep:I,onZeniLogoClick:b,handleLogOutClick:L,handleCockpitClick:T,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:P,handleFetchPaymentSources:V,updateCardPaymentModalState:F,resetCardPaymentViewState:u,handleResetCardPaymentErrorStatuses:_,redirectToProductSuitePage:y,...D}=t,{allSteps:q,currentStep:N,fetchStatus:x}=h,U=e.useToolkitContext(),{analytics:W}=U,H={allSteps:q,isOnAddressPage:C,currentStep:N,fetchStatus:x,signedInUser:O,currentTenant:$,onUpdateStep:M=>{I(M)},onZeniLogoClick:b,handleLogOutClick:L,handleCockpitClick:T,redirectToProductSuitePage:y},k=x.fetchState==="In-Progress"||x.fetchState==="Not-Started";return n.jsxRuntimeExports.jsxs(Ee,{isOnAddressPage:C,children:[k?n.jsxRuntimeExports.jsx(xe.CustomerOnboardingDetailPageSkeleton,{isNoStepsPage:!0}):n.jsxRuntimeExports.jsx(be,{...H,onboardingCustomerView:h,handleCreateCardSetupIntent:z,handleConfirmCardSetupIntent:P,updateCardPaymentModalState:F,handleFetchPaymentSources:V,cardPaymentView:f,resetCardPaymentViewState:u,stripeKey:B,googleAPIKey:E,handleResetCardPaymentErrorStatuses:_,redirectToProductSuitePage:y,...D}),k?null:n.jsxRuntimeExports.jsx(ye.HelpButton,{isFooterRendered:!0,meetingUrl:R,analytics:W,productType:"onboarding"})]})},Ee=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${t=>t.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`;exports.default=Be;

package/dist/CustomerOnboardingNoStepsPage-DfwX0q9W.js

@@ -1,425 +0,0 @@
-import { u as be, g as xe, h as Pe, j as o, F as ke } from "./vendor-.pnpm-BZbZ6JJC.js";
-import d from "@emotion/styled";
-import { u as we, dB as ae, a as Ae, aD as ve, aE as Oe, S as i, j as $e, ap as je, l as Be, j6 as Ie, hf as Le, dS as oe, d as Te, R as O, p as Ve, D as S } from "./index-Dig6AEZA.js";
-import { H as Fe } from "./HelpButton-Cbigq-C9.js";
-import { useEffect as q, useState as ze } from "react";
-import { P as De, C as _e } from "./PaymentAccountSetupBillingAddressSection-BY-PKNgv.js";
-import { a as Ee } from "./CustomerOnboardingDetailPageSkeleton-BhgNEon8.js";
-const Q = "onboardingPaymentAccountSetupSection", ie = "customerOnboardingNoStepsDetailPage", s = "onboardingSubscriptionBillingAddress", J = {
-  titleWidth: new O(343, 580, 726, 826),
-  subTitlePaddingTop: new O(S[3], S[3]),
-  subTitlePaddingBottom: new O(S[3], S[3]),
-  termsPaddingLeftRight: new O(S[0], S[3])
-}, Ne = (e) => `${e}_form`, Re = Ae.getLocalizedStrings(), Ue = ({
-  onboardingCustomerView: e,
-  connectedAccountProvider: b,
-  cardPaymentView: y,
-  stripeKey: j,
-  googleAPIKey: B,
-  signedInUser: x,
-  currentTenant: I,
-  onUpdateStep: L,
-  handleCreateCardSetupIntent: T,
-  handleConfirmCardSetupIntent: V,
-  updateCardPaymentModalState: P,
-  handleAddCardPaymentSource: F,
-  resetCardPaymentViewState: z,
-  handleResetCardPaymentErrorStatuses: D,
-  redirectToProductSuitePage: k,
-  onUpdateCustomerView: _,
-  ...E
-}) => {
-  const u = we(), N = ae(), { analytics: h } = N, {
-    onFetchLinkTokenClick: R,
-    onUpdatePaymentAccountStatus: U,
-    onUpdatePaymentAccountLoginStatus: W,
-    onEstablishConnectionClick: C,
-    onEstablishConnectionSuccess: H,
-    handleLogOutClick: G,
-    onZeniLogoClick: M,
-    onAddressEditHandler: w
-  } = E, Z = be(), r = xe({
-    mode: "onSubmit",
-    reValidateMode: "onSubmit",
-    defaultValues: $(e),
-    values: $(e),
-    shouldFocusError: !0,
-    resetOptions: {
-      keepDirtyValues: !0
-    }
-  }), {
-    companyOfficerLocalData: re,
-    saveStatus: p,
-    paymentAccount: A,
-    paymentAccountStatus: ce,
-    plaidConnectionDetails: X,
-    uiState: le,
-    allNationalityCountries: Y,
-    subscriptionBillingAddress: g
-  } = e, { customerOnboardingPage: de, common: m } = Re, { footer: ue, steps: pe } = de, { buttons: K } = ue, ee = pe.link_payment_account, v = ve(p.fetchState), te = Object.values(re).findIndex(
-    (t) => t?.isSelectedForVerification === !0
-  ) ?? 0, ge = `Officer_${te < 0 ? 1 : te + 1}`, me = async (t, n) => {
-    if (t.includes(s) && n[s] != null) {
-      const a = r.getValues(
-        `${s}`
-      ).country;
-      let c = n[s];
-      if (t.includes(`${s}.street`) && n[s].street != null) {
-        const { addressValue: l } = n[s].street, f = Le(l?.country);
-        c = {
-          street: n[s].street ?? m.strings.empty,
-          city: l?.locality ?? m.strings.empty,
-          state: l?.administrativeAreaLevel1 ?? m.strings.empty,
-          country: f,
-          countryCode: l?.countryCode ?? m.strings.empty,
-          postalCode: l?.postalCode ?? m.strings.empty,
-          secondaryInfo: n[s].secondaryInfo,
-          suite: n[s].suite
-        }, a.selectedOption !== f.selectedOption && (c = {
-          ...c,
-          country: f
-        });
-      } else t === `${s}.country` && a.selectedOption != null ? c = {
-        ...c,
-        countryCode: oe(a.selectedOption)
-      } : a.selectedOption != null && t.includes(`${s}.street`) === !1 && (c = {
-        ...c,
-        countryCode: oe(a.selectedOption)
-      });
-      w(c);
-    }
-  };
-  q(() => {
-    const t = r.watch((n, { name: a }) => {
-      a != null && n != null && Pe(() => me(a, n));
-    });
-    return () => {
-      t.unsubscribe();
-    };
-  }), q(() => {
-    v === "In-Progress" && p.fetchState === "Completed" && r.reset($(e), {
-      keepDirtyValues: !1
-    });
-  }, [
-    r,
-    e,
-    v,
-    p.fetchState,
-    Y
-  ]);
-  const fe = () => {
-    const t = r.getValues(
-      s
-    ), n = {
-      street: t.street.addressString,
-      suite: t.suite,
-      city: t.city,
-      state: t.state,
-      postalCode: t.postalCode,
-      country: t.country.selectedOption ?? m.strings.empty,
-      secondaryInfo: t.secondaryInfo
-    };
-    h.trackOnboardingBillingAddressSave(n);
-  }, se = () => {
-    const t = Object.values(X).some(
-      (f) => f.fetchStatus.fetchState === "Completed"
-    ), n = A?.providerVerificationStatus?.code?.includes("verified") ?? !1, a = y.cardsList.length > 0, l = y.bankAccountsList[0]?.providerVerificationStatus?.code?.includes(
-      "verified"
-    ) ?? !1;
-    return t && n || !n && !A && a || !a && !A && l;
-  };
-  function ye() {
-    if (r.getFieldState(
-      s
-    ).error)
-      return !1;
-    const n = r.getValues(
-      s
-    ), a = g?.street.join("").trim(), c = g?.city, l = g?.state, f = g?.country, Ce = g?.postalCode != null && g.postalCode || n.postalCode || m.strings.empty;
-    return !!a && !!c && !!l && !!f && !!Ce;
-  }
-  const Se = async () => {
-    const t = await r.trigger(
-      s
-    ), n = await r.trigger(
-      Q
-    );
-    t && n && (fe(), L("link_payment_account"), _(ge, !1, !0));
-  };
-  q(() => {
-    v === "In-Progress" && p.fetchState === "Completed" && (r.reset($(e), {
-      keepDirtyValues: !1
-    }), k());
-  }, [
-    r,
-    e,
-    v,
-    p.fetchState,
-    Y,
-    k
-  ]);
-  const [ne, he] = ze(!1);
-  return /* @__PURE__ */ o.jsxs(We, { children: [
-    /* @__PURE__ */ o.jsxs(He, { windowSize: u, children: [
-      /* @__PURE__ */ o.jsx(
-        Oe,
-        {
-          title: ee.sectionTitle,
-          showBackButton: !1,
-          backgroundColor: Z.colors.grey4,
-          style: {
-            zIndex: 4
-          },
-          source: "CustomerOnboardingPaymentAddressDetailPage",
-          showLeftSection: u !== "small",
-          titleStyle: {
-            display: "flex",
-            alignItems: "center"
-          },
-          navBarContainerStyles: {
-            paddingTop: i.sp0,
-            paddingBottom: i.sp0
-          },
-          leftSideComponent: /* @__PURE__ */ o.jsx(Ke, { children: /* @__PURE__ */ o.jsx(
-            qe,
-            {
-              "data-testid": $e(
-                "zeni-logo-customer-onboarding-payment-address-detail-page"
-              ),
-              onClick: M
-            }
-          ) })
-        }
-      ),
-      /* @__PURE__ */ o.jsx(ke, { ...r, children: /* @__PURE__ */ o.jsx(Me, { id: Ne(ie), children: /* @__PURE__ */ o.jsxs(Ge, { children: [
-        /* @__PURE__ */ o.jsx(Je, { windowSize: u, children: ee.sectionSubTitle }),
-        /* @__PURE__ */ o.jsx(
-          De,
-          {
-            connectedAccountProvider: b,
-            paymentAccount: A,
-            accountStatus: ce,
-            plaidConnectionDetails: X,
-            subscriptionBillingAddressSectionId: s,
-            sectionId: Q,
-            analytics: h,
-            isValid: se(),
-            onFetchLinkTokenClick: R,
-            onEstablishConnectionClick: C,
-            onUpdatePaymentAccountStatus: U,
-            onUpdatePaymentAccountLoginStatus: W,
-            onEstablishConnectionSuccess: H,
-            updateCardPaymentModalState: P,
-            cardPaymentView: y,
-            resetCardPaymentViewState: z,
-            cardSetupInProgress: ne,
-            googleAPIKey: B,
-            subscriptionBillingAddress: g
-          }
-        )
-      ] }, "link_payment_account") }) }),
-      /* @__PURE__ */ o.jsx(
-        je,
-        {
-          formId: `${ie}`,
-          leftSideComponent: /* @__PURE__ */ o.jsx(Ze, { windowSize: u, children: /* @__PURE__ */ o.jsx(
-            Be,
-            {
-              signedInUser: x,
-              currentTenant: I,
-              onLogOutClick: G
-            }
-          ) }),
-          style: {
-            width: u === "small" ? "auto" : "100%",
-            padding: i.sp0,
-            rowGap: i.sp1
-          },
-          helperContainerStyle: {
-            width: "100%",
-            rowGap: i.sp1,
-            marginTop: "12px",
-            marginBottom: i.sp2
-          },
-          primaryBtn: {
-            onClick: Se,
-            label: K.submit,
-            isLoading: p.fetchState === "In-Progress",
-            isDisabled: p.fetchState === "In-Progress" || !(ye() && se())
-          },
-          containerStyle: {
-            width: "auto",
-            justifyContent: "center"
-          },
-          helperText: K.submitText.replace("__action__", K.submit),
-          helperStyle: {
-            width: "auto",
-            padding: i.sp0,
-            rowGap: i.sp0,
-            textAlign: "center"
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ o.jsx(
-      _e,
-      {
-        handleConfirmCardSetupIntent: V,
-        updateCardPaymentModalState: P,
-        handleCreateCardSetupIntent: T,
-        handleAddCardPaymentSource: F,
-        cardPaymentView: y,
-        stripeKey: j,
-        isCardPaymentOpen: le.isCardPaymentPopupOpen,
-        handleResetCardPaymentErrorStatuses: D,
-        cardSetupInProgress: ne,
-        setCardSetupInProgress: he
-      }
-    )
-  ] });
-}, We = d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 100% ${(e) => e.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${i.sp0};
-  }
-`, He = d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-image: ${(e) => `url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${e.windowSize === "small" ? "m" : "w"}-${e.theme.mode === "dark" ? "d" : "l"}.svg)`};
-  background-color: ${(e) => e.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${(e) => e.windowSize === "small" ? "center center" : "right center"};
-  background-repeat: no-repeat;
-
-  ${(e) => e.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`, Ge = d.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  padding-bottom: ${i.sp0};
-`, Me = d.form`
-  padding-top: ${i.sp0};
-  flex: 1;
-`, Ze = d.div`
-  display: flex;
-  height: ${i.sp7};
-  left: ${i.sp4};
-  bottom: ${i.sp3};
-  position: fixed;
-  justify-content: center;
-  align-items: center;
-  cursor: default;
-`, Ke = d.div`
-  display: flex;
-`, qe = d(Te)`
-  height: ${i.sp4};
-  width: 102px;
-  color: ${(e) => e.theme.colors.primary};
-  cursor: pointer;
-  flex-shrink: 0;
-  margin-left: -${i.sp4};
-`, Je = d(Ve)`
-  color: ${(e) => e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${(e) => J.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${(e) => J.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${(e) => J.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${(e) => e.windowSize === "small" ? "initial" : "center"};
-  width: 100%;
-`, $ = (e) => ({
-  [Q]: {
-    account: {
-      allOptions: [],
-      selectedOption: void 0
-    }
-  },
-  [s]: Ie(
-    s,
-    e?.subscriptionBillingAddress
-  )[s]
-}), at = (e) => {
-  const {
-    onboardingCustomerView: b,
-    cardPaymentView: y,
-    signedInUser: j,
-    currentTenant: B,
-    isOnAddressPage: x,
-    stripeKey: I,
-    googleAPIKey: L,
-    meetingUrl: T,
-    onUpdateStep: V,
-    onZeniLogoClick: P,
-    handleLogOutClick: F,
-    handleCockpitClick: z,
-    handleCreateCardSetupIntent: D,
-    handleConfirmCardSetupIntent: k,
-    handleFetchPaymentSources: _,
-    updateCardPaymentModalState: E,
-    resetCardPaymentViewState: u,
-    handleResetCardPaymentErrorStatuses: N,
-    redirectToProductSuitePage: h,
-    ...R
-  } = e, { allSteps: U, currentStep: W, fetchStatus: C } = b, H = ae(), { analytics: G } = H, M = {
-    allSteps: U,
-    isOnAddressPage: x,
-    currentStep: W,
-    fetchStatus: C,
-    signedInUser: j,
-    currentTenant: B,
-    onUpdateStep: (Z) => {
-      V(Z);
-    },
-    onZeniLogoClick: P,
-    handleLogOutClick: F,
-    handleCockpitClick: z,
-    redirectToProductSuitePage: h
-  }, w = C.fetchState === "In-Progress" || C.fetchState === "Not-Started";
-  return /* @__PURE__ */ o.jsxs(Qe, { isOnAddressPage: x, children: [
-    w ? /* @__PURE__ */ o.jsx(Ee, { isNoStepsPage: !0 }) : /* @__PURE__ */ o.jsx(
-      Ue,
-      {
-        ...M,
-        onboardingCustomerView: b,
-        handleCreateCardSetupIntent: D,
-        handleConfirmCardSetupIntent: k,
-        updateCardPaymentModalState: E,
-        handleFetchPaymentSources: _,
-        cardPaymentView: y,
-        resetCardPaymentViewState: u,
-        stripeKey: I,
-        googleAPIKey: L,
-        handleResetCardPaymentErrorStatuses: N,
-        redirectToProductSuitePage: h,
-        ...R
-      }
-    ),
-    w ? null : /* @__PURE__ */ o.jsx(
-      Fe,
-      {
-        isFooterRendered: !0,
-        meetingUrl: T,
-        analytics: G,
-        productType: "onboarding"
-      }
-    )
-  ] });
-}, Qe = d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${(e) => e.isOnAddressPage ? "fit-content" : "100%"};
-  height: 100vh;
-`;
-export {
-  at as default
-};

package/dist/CustomerOnboardingPage-Bn-xr2mm.cjs

@@ -1,107 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),p=require("react"),O=require("@emotion/styled"),Lt=require("./HelpButton-CRkrgKJ5.cjs"),dt=require("@emotion/react"),ct=require("@zeniai/client-analytics"),G=require("@zeniai/client-epic-state"),n=require("./index-BP5gPMlL.cjs"),ze=require("./PaymentAccountSetupBillingAddressSection-CVu_zLWv.cjs"),me=require("./CustomerOnboardingDetailPageSkeleton-BIl5UmZ7.cjs"),pt=require("./CompanyOfficerDetailsSection-ycumPKJi.cjs"),qt=require("./QBOSetupSection-D_wPpBj2.cjs"),zt=({companyView:t,companyOfficerLocalData:P,allNationalityCountries:c,isVerificationPopupOpen:g,setIsVerificationPopupOpen:k,verifiedPhoneNumber:I,onPhoneVerified:S,...v})=>{const y=n.useWindowSizeContext(),l=t?.companyOfficers.slice(0,10).sort((V,ce)=>V.user.createTime?.isAfter(ce.user.createTime)===!0?1:-1)?.map(V=>V.user),{company_officer:R}=n.appLocale.getLocalizedStrings().customerOnboardingPage.sections,{title:j}=R,D=t?.company.company.featuresActivationInfo.connectedAccountProvider;return o.jsxRuntimeExports.jsx(Ut,{children:o.jsxRuntimeExports.jsx(pt.CompanyOfficerDetailsSection,{companyOfficerData:P,allOfficers:l??[],allNationalityCountries:c,sectionHeader:j,isPopupOpen:g,productType:"onboarding",connectedAccountProvider:D,showInfoTooltip:y!=="small",showCompletedIcon:y==="small",showOfficerSelect:!1,showVerificationTag:!1,verifiedPhoneNumber:I,onPhoneVerified:S,optionalFields:["dob","officerAddress","role","ssn","ownership","selectDocument","phone"],openPopup:k,...v})})},Ut=O.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Wt=({fileProps:t,companyDetails:P,companyIndustries:c,sectionId:g,isCompleted:k,isDisabled:I,style:S,onCompanyAddressClick:v,onRegisteredAddressClick:y})=>{const B=n.useWindowSizeContext(),{company_details:l}=n.appLocale.getLocalizedStrings().customerOnboardingPage.sections,{title:R}=l;return o.jsxRuntimeExports.jsx(Ht,{children:o.jsxRuntimeExports.jsx(pt.CompanyDetailsSection,{fileProps:t,companyDetails:P,sectionId:g,isDisabled:I,style:S,sectionHeader:R,productType:"onboarding",showInfoTooltip:B!=="small",showCompletedIcon:B==="small",isCompleted:k,allIndustries:c,optionalFields:["companyLegalName","companyDescription","companyAddress","companyIndustry","typeOfIncorporation","incDate","certificateOfIncorporation","ein","companyPhone","primaryContactName"],onCompanyAddressClick:v,onRegisteredAddressClick:y})})},Ht=O.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Qt=O.div`
-  display: flex;
-`,Mt=O.input`
-  display: none;
-`,Yt=({isValid:t,sectionId:P="onboardingQboConnection",...c})=>{const{register:g}=o.useFormContext();return o.jsxRuntimeExports.jsxs(Qt,{children:[o.jsxRuntimeExports.jsx(Mt,{type:"hidden",...g(`${P}.connected`,{validate:k=>k==="true"}),value:t?"true":"false"}),o.jsxRuntimeExports.jsx(qt.QBOSetupSection,{isValid:t,...c})]})},F="companyDetails",b="companyOfficer",ee="onboardingPaymentAccountSetupSection",lt="customerOnboardingDetailPage",f="onboardingSubscriptionBillingAddress",fe="onboardingQboConnection",ye={titleWidth:new n.ResponsiveSized(343,580,726,826),topNavBarHeight:new n.ResponsiveSized(52,52,63),topNavBarLeftRightSpace:new n.ResponsiveSized(n.sp[5],n.sp[9],112),topNavBarHeaderLeftRightPadding:new n.ResponsiveSized(n.sp[4],n.sp[0]),navBarTitleMarginLeft:new n.ResponsiveSized(n.sp[3],n.sp[4]),subTitlePaddingTop:new n.ResponsiveSized(n.sp[3],n.sp[3]),subTitlePaddingBottom:new n.ResponsiveSized(n.sp[3],n.sp[3]),termsPaddingLeftRight:new n.ResponsiveSized(n.sp[0],n.sp[3])},Gt=t=>`${t}_form`,re=n.appLocale.getLocalizedStrings(),Kt=({fileProps:t,isRefreshingViewInBackground:P,isAdmin:c,onboardingCustomerView:g,companyTitles:k,connectedAccountProvider:I,analytics:S,cardPaymentView:v,stripeKey:y,googleAPIKey:B,handleCreateCardSetupIntent:l,handleConfirmCardSetupIntent:R,updateCardPaymentModalState:j,handleAddCardPaymentSource:D,resetCardPaymentViewState:V,handleResetCardPaymentErrorStatuses:ce,redirectToProductSuitePage:ge,onFormErrorsChange:N,...ve})=>{const L=n.useWindowSizeContext(),Ae=p.useRef(null),Pe=p.useRef(null),K=p.useRef(null),ke=p.useRef(null),[Se,q]=p.useState(!1),[z,U]=p.useState("next"),[w,he]=p.useState(!1),[le,xe]=p.useState(!1),[te,Z]=p.useState(null),{onAddressClick:ne,onCompanyDetailsChanged:Ce,onCompanyOfficerUpdated:T,onFetchLinkTokenClick:be,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:se,onEstablishConnectionClick:pe,onEstablishConnectionSuccess:oe,onDeleteFile:E,onEditFileName:We,updateFilesEntity:He,onGetOtp:ut,onSkipSetupClick:De,onUpdateCustomerView:Ee,updateStepHandler:W,onVerifyOtp:ft,onResendOtp:mt,handleOnConnectClick:yt,updateQBOPopupState:gt,onUpdateStep:Re,onAddressEditHandler:St}=ve,ht=o.useTheme(),r=o.useForm({mode:"onSubmit",reValidateMode:"onChange",defaultValues:Ue(g,g.allNationalityCountries),values:Ue(g,g.allNationalityCountries),shouldFocusError:!0,resetOptions:{keepDirtyValues:!0}}),H=p.useCallback(()=>{const e=[];return(r.getFieldState(ee).error!=null||r.getFieldState(f).error!=null)&&e.push("link_payment_account"),r.getFieldState(fe).error!=null&&e.push("qbo_connection"),e},[r]);p.useEffect(()=>{const e=H();N?.(e)},[H,N]),p.useEffect(()=>{const e=r.watch((s,{name:i,type:d})=>{i!=null&&(d==="change"||d==="blur")&&o.defer(()=>{const m=H();N?.(m)})});return()=>e.unsubscribe()},[r,H,N]);const Qe=e=>{Me(e)},Oe=p.useRef(""),xt=e=>{Oe.current=e;const s=Object.values(g.companyOfficerLocalData).findIndex(d=>d?.isSelectedForVerification===!0)??0,i=s<0?0:s;r.clearErrors(`${b}.${i}.phone`)},Me=e=>{e!=null&&!o.isValidPhoneNumber(e)?r.trigger(`${b}.${X}.phone`):ut(e)},{companyView:ie,companyDetailsLocalData:h,companyOfficerLocalData:Q,currentStep:a,completedSteps:Ye,saveStatus:A,allSteps:x,allRequiredStepsCompleted:Te,paymentAccount:M,paymentAccountStatus:Ge,externalConnections:Be,plaidConnectionDetails:Ne,uiState:je,allNationalityCountries:we,pendingSaveDetails:{companyDetails:Ct,officer:bt},subscriptionBillingAddress:J}=g,X=Object.values(Q).findIndex(e=>e?.isSelectedForVerification===!0)??0,_=`Officer_${X<0?1:X+1}`,Ot=ie?.companyOfficers.slice(0,10).sort((e,s)=>e.user.createTime?.isAfter(s.user.createTime)===!0?1:-1),_e=Q[_]?.userId!=null?Ot?.find(e=>e.user.userId===Q[_]?.userId)?.address:null,Ke=Q[_]?.addressStatus?.addressToCreate,Ie=ie?.companyAddress,Ze=h?.addressStatus?.addressToCreate,$e=ie?.registeredAddress,Je=h?.registeredAddressStatus?.addressToCreate,{customerOnboardingPage:It,common:C}=re,{footer:vt,steps:At}=It,{buttons:Xe}=vt,et=At[a],Fe=x.length,ae=n.usePrevious(A.fetchState),$=n.usePrevious(a);function Pt(){return Be?.accounting[0]?.isValid??!1}const ue=()=>{const e=Object.values(Ne).some(u=>u.fetchStatus.fetchState==="Completed"),s=M?.providerVerificationStatus?.code?.includes("verified")??!1,i=v.cardsList.length>0,m=v.bankAccountsList[0]?.providerVerificationStatus?.code?.includes("verified")??!1;return e&&s||!s&&!M&&i||!i&&!M&&m};function tt(){if(r.getFieldState(f).error)return!1;const s=r.getValues(f),i=J?.street.join("").trim(),d=J?.city,m=J?.state,u=J?.country,qe=J?.postalCode!=null&&J.postalCode||s.postalCode||C.strings.empty;return!!i&&!!d&&!!m&&!!u&&!!qe}const nt=n.usePrevious(M?.providerVerificationStatus?.code);p.useEffect(()=>{nt==="pending_manual_verification"&&M?.providerVerificationStatus?.code==="manually_verified"&&S.trackOnboardingBankAccountVerified("manual")},[S,M?.providerVerificationStatus?.code,nt]);const kt=async(e,s)=>{if(e.includes(F))Ce?.(s[F]);else if(e.includes(b))T?.(s[b]);else if(e.includes(f)&&s[f]!=null){const i=r.getValues(`${f}`).country;let d=s[f];if(e.includes(`${f}.street`)&&s[f].street!=null){const{addressValue:m}=s[f].street,u=n.getCountryOptions(m?.country);d={street:s[f].street??C.strings.empty,city:m?.locality??C.strings.empty,state:m?.administrativeAreaLevel1??C.strings.empty,country:u,countryCode:m?.countryCode??C.strings.empty,postalCode:m?.postalCode??C.strings.empty,secondaryInfo:s[f].secondaryInfo,suite:s[f].suite},i.selectedOption!==u.selectedOption&&(d={...d,country:u})}else e===`${f}.country`&&i.selectedOption!=null?d={...d,countryCode:n.getAlpha2(i.selectedOption)}:i.selectedOption!=null&&e.includes(`${f}.street`)===!1&&(d={...d,countryCode:n.getAlpha2(i.selectedOption)});St(d)}};p.useEffect(()=>{const e=r.watch((s,{name:i})=>{i!=null&&s!=null&&o.defer(()=>kt(i,s))});return()=>{e.unsubscribe()}}),p.useEffect(()=>{ae==="In-Progress"&&A.fetchState==="Completed"&&(r.reset(Ue(g,we),{keepDirtyValues:!1}),$==="company_details"&&a==="link_payment_account"&&!x.includes("qbo_connection")&&!g.qboConnected&&ge())},[r,g,ae,A.fetchState,we,$,a,x,ge]),p.useEffect(()=>{Se&&ae==="In-Progress"&&A.fetchState==="Completed"&&(De(),S.track(ct.Event.onboardingSkipAndSave))},[ae,Se,A.fetchState,De]),p.useEffect(()=>{te?.shouldNavigate===!0&&ae==="In-Progress"&&A.fetchState==="Completed"&&(W(te.fromStep,te.stepDirection,!0),Z(null))},[te,ae,A.fetchState,W]),p.useLayoutEffect(()=>{$!=null&&$!==a&&(x.indexOf($)===x.indexOf(a)-1||x.indexOf($)===Fe-1&&x.indexOf(a)===0?z!=="next"&&U("next"):(x.indexOf($)-1===x.indexOf(a)||x.indexOf($)===0&&x.indexOf(a)===Fe-1)&&z!=="previous"&&U("previous"))},[x,a,$,z,Fe]);const st=()=>{const e=Q[_];return!!e?.firstName||!!e?.lastName||!!e?.email||!!e?.nationalityCountryCode||!!e?.birthday||!!e?.ownershipInCompany||!!e?.phone||!!e?.ssn||!!e?.titleAtCompany||!!e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0},Dt=!o.isEqual(Ke!=null?G.getFormattedAddress(Ke):null,_e!=null?G.getFormattedAddress(_e):null),Et=!o.isEqual(Ze!=null?G.getFormattedAddress(Ze):null,Ie!=null?G.getFormattedAddress(Ie):null),Rt=!o.isEqual(Je!=null?G.getFormattedAddress(Je):null,$e!=null?G.getFormattedAddress($e):null),Tt=r.getFieldState(F).isDirty||Et||Rt||Ct,Ve=r.getFieldState(b).isDirty&&st()||Dt||bt,ot=r.getFieldState(`${f}`).isDirty,Bt=h?.primaryContactLocalData,Nt=()=>{W(a,"previous",!0)},jt=()=>{const e=r.getValues(f),s={street:e.street.addressString,suite:e.suite,city:e.city,state:e.state,postalCode:e.postalCode,country:e.country.selectedOption??C.strings.empty,secondaryInfo:e.secondaryInfo};S.trackOnboardingBillingAddressSave(s)},wt=()=>{switch(xe(!1),a){case"link_payment_account":ot?setTimeout(()=>{const e=H();N?.(e),tt()&&ot?(jt(),Ee(_,!1,!0),Z({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):W(a,"next",!0)},200):W(a,"next",!0);break;case"qbo_connection":W(a,"next",!0);break;case"company_officer":if(Ve){const e=it();if(o.defer(()=>{const s=H();N?.(s)}),e.needsOtp&&e.phoneNumber&&o.isValidPhoneNumber(e.phoneNumber)){const i=r.formState.errors[b]?.[X<0?0:X],d=i?.phone,m=i!=null&&Object.keys(i).some(u=>u!=="phone"&&i[u]!=null);if(d!=null&&!m){Qe(e.phoneNumber);return}}e.isValid&&(Ee(_,!1,!1),S.trackOnboardingCompanyOfficerSave(at(),{legalName:h?.companyLegalName}),Z({fromStep:a,shouldNavigate:!0,stepDirection:"next"}))}else W(a,"next",!0);break;case"company_details":xe(!0);{const e=!(tt()&&ue()),s=!Pt()&&x.includes("qbo_connection");if(e||s){e&&(r.trigger(`${ee}`),r.trigger(`${f}`)),s&&r.trigger(fe),o.defer(()=>{const i=H();N?.(i)}),e?Re("link_payment_account"):s&&Re("qbo_connection");return}}if(Tt||Ve||!Bt?.email){const e=$t(),s=Ve?it():{isValid:!0};o.defer(()=>{const i=H();N?.(i)}),e&&s.isValid?(Te&&(q(!0),Ft()),Ee(_,!Te,!1),Z({fromStep:a,shouldNavigate:!0,stepDirection:"next"})):s.isValid||Re("company_officer")}else Te?_t():W(a,"next",!0);break}},_t=()=>{A.fetchState!=="In-Progress"&&(De(),S.track(ct.Event.onboardingSkipAndSave))},it=()=>{const e=Q[_],s=e?.email??C.strings.empty,i=e?.phone??C.strings.empty,d=e?.ssn??C.strings.empty,m=e?.ownershipInCompany,u=X<0?0:X,qe=!!e?.firstName&&!!e?.lastName;let Y=!0,rt=!1;return s&&!qe&&(r.trigger([`${b}.${u}.name.firstName`,`${b}.${u}.name.lastName`],{shouldFocus:a==="company_officer"}),Y=!1),(!s&&st()||n.EMAIL_PATTERN.test(s)===!1)&&(r.trigger(`${b}.${u}.email`,{shouldFocus:a==="company_officer"}),Y=!1),i&&o.isValidPhoneNumber(i)===!1&&(r.trigger(`${b}.${u}.phone`,{shouldFocus:a==="company_officer"}),Y=!1),i&&o.isValidPhoneNumber(i)===!0&&I==="unit"&&(Oe.current!==""&&i===Oe.current||(rt=!0,r.setError(`${b}.${u}.phone`,{type:"custom",message:re.commonSetUp.businessVerification.phoneValidationError},{shouldFocus:a==="company_officer"}),Y=!1)),m!=null&&m>100&&(r.trigger(`${b}.${u}.ownership`,{shouldFocus:a==="company_officer"}),Y=!1),d&&n.SSN_PATTERN.test(d)===!1&&(r.trigger(`${b}.${u}.ssn`,{shouldFocus:a==="company_officer"}),Y=!1),{isValid:Y,needsOtp:rt,phoneNumber:i}},$t=()=>{const e=h?.website?.toString()??C.strings.empty,s=h?.phone??C.strings.empty,i=h?.taxIdOrEIN??C.strings.empty,m=h?.primaryContactLocalData?.email??C.strings.empty;let u=!0;return e&&n.URL_PATTERN.test(e)===!1&&(r.trigger(`${F}.companyWebsite`,{shouldFocus:a==="company_details"}),u=!1),n.URL_PATTERN.lastIndex=0,s&&o.isValidPhoneNumber(s)===!1&&(r.trigger(`${F}.companyPhone`,{shouldFocus:a==="company_details"}),u=!1),(!m||n.EMAIL_PATTERN.test(m)===!1)&&(r.trigger(`${F}.primaryContactEmail`,{shouldFocus:a==="company_details"}),u=!1),i&&n.TIN_PATTERN.test(i)===!1&&(r.trigger(`${F}.companyTaxId`,{shouldFocus:a==="company_details"}),u=!1),u},at=()=>{const e=Q[_];return{email:e?.email??C.strings.empty,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?G.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification}},Ft=()=>{const e=h?.primaryContactLocalData;S.trackBusinessVerificationSave(at(),{companyDescription:h?.companyDescription,legalName:h?.companyLegalName,phone:h?.phone,website:h?.website?.toString(),industry:h?.companyIndustry??C.strings.empty,formattedAddress:h?.addressStatus?.addressToCreate!=null?G.getFormattedAddress(h?.addressStatus?.addressToCreate):void 0},{firstName:e?.firstName,lastName:e?.lastName,email:e?.email},"onboarding")},[Le,Vt]=p.useState(!1);return o.jsxRuntimeExports.jsxs(Xt,{children:[o.jsxRuntimeExports.jsxs(en,{windowSize:L,children:[x.indexOf(a)>=0?o.jsxRuntimeExports.jsx(n.NavBar,{title:et.sectionTitle,showBackButton:!1,backgroundColor:ht.colors.grey4,style:{zIndex:4},showLeftSection:L!=="small",titleStyle:{display:"flex",alignItems:"center"},navBarContainerStyles:{paddingTop:n.Space.sp0,paddingBottom:n.Space.sp0},source:"CustomerOnboardingDetailPage"}):o.jsxRuntimeExports.jsx(tn,{windowSize:L,children:o.jsxRuntimeExports.jsx(sn,{windowSize:L,children:o.jsxRuntimeExports.jsx(nn,{})})}),o.jsxRuntimeExports.jsx(o.FormProvider,{...r,children:o.jsxRuntimeExports.jsx(an,{id:Gt(lt),children:x.map(e=>{let s;s=o.jsxRuntimeExports.jsx(ze.PaymentAccountSetupBillingAddressSection,{connectedAccountProvider:I,paymentAccount:M,accountStatus:Ge,plaidConnectionDetails:Ne,sectionId:ee,hasError:r.getFieldState(ee).error!=null||le&&!ue(),isValid:ue(),analytics:S,onFetchLinkTokenClick:be,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:se,onEstablishConnectionSuccess:oe,cardPaymentView:v,resetCardPaymentViewState:V,updateCardPaymentModalState:j,cardSetupInProgress:Le,subscriptionBillingAddressSectionId:f});let i=Ae;switch(e){case"link_payment_account":s=o.jsxRuntimeExports.jsx(ze.PaymentAccountSetupBillingAddressSection,{connectedAccountProvider:I,paymentAccount:M,accountStatus:Ge,plaidConnectionDetails:Ne,subscriptionBillingAddressSectionId:f,sectionId:ee,hasError:r.getFieldState(ee).error!=null||le&&!ue(),isValid:ue(),analytics:S,onFetchLinkTokenClick:be,onEstablishConnectionClick:pe,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:se,onEstablishConnectionSuccess:oe,updateCardPaymentModalState:j,cardPaymentView:v,resetCardPaymentViewState:V,cardSetupInProgress:Le,googleAPIKey:B,subscriptionBillingAddress:J});break;case"qbo_connection":s=o.jsxRuntimeExports.jsx(Yt,{sectionId:fe,hasError:r.getFieldState(fe).error!=null,isAdmin:c,isValid:Be?.accounting[0]?.isValid??!1,companyName:ie?.company.company.companyInfo.companyLegalName,saveConnectionState:Be?.saveConnectionState,isQBOPopupOpen:je.isQBOPopupOpen,handleOnConnectClick:yt,updateQBOPopupState:gt}),i=Pe;break;case"company_officer":s=o.jsxRuntimeExports.jsx(zt,{companyOfficerLocalData:Q,allNationalityCountries:we,isCompleted:Ye.includes("company_officer"),companyView:ie,sectionId:b,filesEndPoint:t.filesEndPoint,authParams:t.authParams,isRefreshingViewInBackground:P,companyTitles:k,isVerificationPopupOpen:w,setIsVerificationPopupOpen:he,onGetOtp:Qe,onVerifyOtp:ft,onResendOtp:mt,onOfficerAddressClick:d=>ne(d,_e?.addressId),updateFilesEntity:He,onEditFileName:We,onDeleteFile:E,verifiedPhoneNumber:Oe.current,onPhoneVerified:xt,isDisabled:A.fetchState==="In-Progress"?"readonly":void 0,triggerError:Me}),i=ke;break;case"company_details":s=o.jsxRuntimeExports.jsx(Wt,{fileProps:{...t,onEditFileName:We,onDeleteFile:E,updateFilesEntity:He},sectionId:F,companyIndustries:g.companyIndustries,companyDetails:h,isDisabled:A.fetchState==="In-Progress"?"readonly":void 0,isCompleted:Ye.includes("company_details"),onCompanyAddressClick:d=>{const m=ie?.company.company.companyOnboardingInfo.subscriptionBillingAddressId;Ie?.addressId==null&&m!=null?ne(d,m):ne(d,Ie?.addressId)},onRegisteredAddressClick:d=>ne(d,$e?.addressId)}),i=K;break}return o.jsxRuntimeExports.jsxs(on,{ref:i,isVisible:a===e,includeAnimation:a==="link_payment_account"||a==="qbo_connection"?!je.isQBOPopupOpen:a==="company_officer"?!w:!0,paddingBottom:e==="company_details"||e==="company_officer"?n.sp[6]:n.sp[0],stepAnimationDirection:z,children:[x.indexOf(a)>=0?o.jsxRuntimeExports.jsx(rn,{windowSize:L,children:et.sectionSubTitle}):null,s]},e)})})}),o.jsxRuntimeExports.jsx(n.Footer,{formId:`${lt}`,style:{width:L==="small"?"auto":"100%",paddingTop:n.Space.sp2,paddingBottom:n.Space.sp2},primaryBtn:{onClick:wt,label:a==="company_details"?C.footer.submit:Xe.next,isLoading:A.fetchState==="In-Progress",isDisabled:A.fetchState==="In-Progress"},cancelBtn:{onClick:Nt,label:Xe.back,isDisabled:A.fetchState==="In-Progress"||x.indexOf(a)===0},containerStyle:{width:"auto",justifyContent:"center"},showCancel:!0})]}),o.jsxRuntimeExports.jsx(ze.CardPaymentModal,{handleConfirmCardSetupIntent:R,updateCardPaymentModalState:j,handleCreateCardSetupIntent:l,handleAddCardPaymentSource:D,cardPaymentView:v,stripeKey:y,isCardPaymentOpen:je.isCardPaymentPopupOpen,handleResetCardPaymentErrorStatuses:ce,cardSetupInProgress:Le,setCardSetupInProgress:Vt})]})},Zt=dt.keyframes`
-  from {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,Jt=dt.keyframes`
-  from {
-    transform: translateY(-100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-`,Xt=O.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: calc(100% - ${me.DRAWER_WIDTH}px);
-  padding-left: ${me.DRAWER_WIDTH}px;
-  flex: 1;
-
-  ${t=>t.theme.breakpoints.down("md")} {
-    width: 100%;
-    padding-left: ${n.Space.sp0};
-  }
-`,en=O.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  width: 100%;
-  min-height: 100vh;
-  background-image: ${t=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/signin-background-${t.windowSize==="small"?"m":"w"}-${t.theme.mode==="dark"?"d":"l"}.svg)`};
-  background-color: ${t=>t.theme.colors.grey4};
-  background-size: inherit;
-  background-attachment: fixed;
-  background-position: ${t=>t.windowSize==="small"?"center center":"right center"};
-  background-repeat: no-repeat;
-
-  ${t=>t.theme.breakpoints.down("lg")} {
-    background-size: cover;
-  }
-`,tn=O.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  width: ${t=>`calc(100% - ${ye.topNavBarLeftRightSpace.valuePx(t.windowSize)})`};
-`,nn=O.div``,sn=O.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: ${t=>ye.topNavBarHeight.valuePx(t.windowSize)};
-`,on=O.div`
-  min-height: 100%;
-  display: ${t=>t.isVisible?"flex":"none"};
-  flex-direction: column;
-  padding-bottom: ${t=>t.paddingBottom+"px"};
-  animation-name: ${t=>t.stepAnimationDirection==="next"?Zt:Jt};
-  ${t=>t.includeAnimation?`
-          animation-duration: 0.6s; 
-          animation-delay: 0s;  
-          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
-          animation-fill-mode: both;
-        `:null}
-`,an=O.form`
-  padding-top: ${n.Space.sp0};
-  flex: 1;
-`,rn=O(n.StandardRegular)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>ye.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>ye.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>ye.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-  width: 100%;
-  white-space: pre-line;
-`,Ue=(t,P)=>{const{companyDetailsLocalData:c,companyOfficerLocalData:g,companyView:k}=t,I=re.commonSetUp.businessVerification,S=re.companyPassport,v=k?.companyOfficers!=null&&k?.companyOfficers.length>0;return{[F]:{companyDescription:c?.companyDescription??re.common.strings.empty,ein:c?.companyFiles.find(y=>y.documentType==="tax_ein"),companyId:c?.companyId,syncToken:c?.syncToken,companyLegalName:c?.companyLegalName,companyWebsite:c?.website?.toString()??re.common.strings.empty,companyAddress:c?.addressStatus?.addressToCreate,registeredAddress:c?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:c?.companyIndustry,allOptions:t.companyIndustries.map(y=>y.code)},companyPhone:c?.phone,companyTaxId:c?.taxIdOrEIN,primaryContactName:{firstName:c?.primaryContactLocalData?.firstName,lastName:c?.primaryContactLocalData?.lastName},primaryContactEmail:c?.primaryContactLocalData?.email,primaryContactUserId:c?.primaryContactLocalData?.userId,primaryContactSyncToken:c?.primaryContactLocalData?.syncToken,fileIds:c?.companyFiles.map(y=>y.fileId)??[],certificateOfIncorporation:c?.companyFiles.find(y=>y.documentType==="certificate_of_incorporation"),incDate:c?.incDate?.toDate(),typeOfIncorporation:{selectedOption:c?.typeOfIncorporation,allOptions:S.companyIncInfo.allTypesOfIncorporation}},[b]:Object.values(g).map((y,B)=>{const l=y,R=n.toSelectDocumentType(l?.documentTypeSelectedForVerification);return{userId:l?.userId,officerType:l?.officerType??`Officer_${B+1}`,name:{firstName:l?.firstName,lastName:l?.lastName},email:l?.email,fileIds:l?.fileIds??[],dob:l?.birthday?.toDate(),nationalityCountryCode:n.getCountryOptions(l?.nationalityCountryCode,P.map(j=>j.countryCode)),ssn:l?.ssn,role:{selectedOption:l?.titleAtCompany,allOptions:I.allTypesOfRoles},phone:l?.phone,ownership:l?.ownershipInCompany,officerAddress:l?.addressStatus?.addressToCreate,selectDocument:{front:n.getFile(!0,l?.userFiles??[],R),back:n.getFile(!1,l?.userFiles??[],R),selectDocumentType:R},isSelectedForVerification:!v&&B===0?!0:l?.isSelectedForVerification??!1,userVerificationStatus:l?.userVerificationStatus,syncToken:l?.syncToken,isPhoneVerified:l?.isPhoneVerified,otpChallenge:l?.otpChallenge}}),[ee]:{account:{allOptions:[],selectedOption:void 0}},[f]:n.getAddressDefaultValues(f,t?.subscriptionBillingAddress)[f],[fe]:{connected:t.externalConnections?.accounting[0]?.isValid??!1}}},cn=t=>{const{onboardingCustomerView:P,cardPaymentView:c,signedInUser:g,currentTenant:k,isOnAddressPage:I,stripeKey:S,googleAPIKey:v,onUpdateStep:y,onZeniLogoClick:B,handleLogOutClick:l,handleCockpitClick:R,meetingUrl:j,analytics:D,handleCreateCardSetupIntent:V,handleConfirmCardSetupIntent:ce,handleFetchPaymentSources:ge,updateCardPaymentModalState:N,resetCardPaymentViewState:ve,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:Ae,...Pe}=t,{allSteps:K,completedSteps:ke,halfCompletedSteps:Se,currentStep:q,fetchStatus:z}=P,U=p.useRef(q),w=p.useRef(K),[he,le]=p.useState(!1),[xe,te]=p.useState([]),Z={allSteps:K,isOnAddressPage:I,completedSteps:ke,halfCompletedSteps:Se,errorSteps:xe,currentStep:q,fetchStatus:z,signedInUser:g,currentTenant:k,onUpdateStep:T=>{y(T)},onZeniLogoClick:B,handleLogOutClick:l,handleCockpitClick:R,setIsStepClicked:le};p.useEffect(()=>{if(U.current!==q){const T=U.current;he===!0&&(D?.trackOnboardingCurrentStep(q,T),le(!1)),U.current=q}},[q,he,D]),p.useEffect(()=>{K.length!==w.current.length&&(w.current=K)},[K]);const ne=(T,be,de)=>{const se=w.current.length,pe=w.current.indexOf(T);switch(be){case"next":{const oe=(pe+1)%se,E=w.current[oe];U.current=E,y(E),de===!0?D.trackOnboardingNext(T,E):D.trackOnboardingCurrentStep(E,T);break}case"previous":{const oe=(pe+se-1)%se,E=w.current[oe];U.current=E,y(E),de===!0?D.trackOnboardingBack(T,E):D.trackOnboardingCurrentStep(E,T);break}}},Ce=z.fetchState==="In-Progress"||z.fetchState==="Not-Started";return o.jsxRuntimeExports.jsx(ln,{isOnAddressPage:I,children:I?o.jsxRuntimeExports.jsx(me.CustomerOnboardingDrawer,{...Z}):o.jsxRuntimeExports.jsxs(dn,{children:[o.jsxRuntimeExports.jsx(me.CustomerOnboardingDrawer,{...Z}),Ce?o.jsxRuntimeExports.jsx(me.CustomerOnboardingDetailPageSkeleton,{isNoStepsPage:!1}):o.jsxRuntimeExports.jsx(Kt,{onboardingCustomerView:P,analytics:D,updateStepHandler:ne,onUpdateStep:y,handleCreateCardSetupIntent:V,handleConfirmCardSetupIntent:ce,updateCardPaymentModalState:N,handleFetchPaymentSources:ge,cardPaymentView:c,resetCardPaymentViewState:ve,stripeKey:S,googleAPIKey:v,handleResetCardPaymentErrorStatuses:L,redirectToProductSuitePage:Ae,onFormErrorsChange:te,...Pe}),Ce?null:o.jsxRuntimeExports.jsx(Lt.HelpButton,{isFooterRendered:!0,meetingUrl:j,analytics:D,productType:"onboarding"})]})})},ln=O.div`
-  display: flex;
-  flex-direction: column;
-  width: ${t=>t.isOnAddressPage?"fit-content":"100%"};
-  height: 100vh;
-`,dn=O.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-`;exports.default=cn;