@zeniai/web-components 3.16.58 → 3.16.59

package/dist/CustomerOnboardingNoStepsPage-B4QyzUYh.js

@@ -0,0 +1,425 @@
+import { u as be, g as xe, h as Pe, j as o, F as ke } from "./vendor-.pnpm-Q8NJHkXi.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-CkG1pP2v.js";
+import { H as Fe } from "./HelpButton-Dr-rtdg3.js";
+import { useEffect as q, useState as ze } from "react";
+import { P as De, C as _e } from "./PaymentAccountSetupBillingAddressSection-Cx2jy54e.js";
+import { a as Ee } from "./CustomerOnboardingDetailPageSkeleton-CSbZAXs2.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/CustomerOnboardingNoStepsPage-BbA3dzsZ.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-BW93Fnli.cjs"),d=require("@emotion/styled"),e=require("./index-C93Jm_tC.cjs"),ye=require("./HelpButton-C_1x_77I.cjs"),v=require("react"),ne=require("./PaymentAccountSetupBillingAddressSection-FuImHr5D.cjs"),xe=require("./CustomerOnboardingDetailPageSkeleton-BKx0TrZ6.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/CustomerOnboardingPage-C5iLtRHE.cjs

@@ -0,0 +1,107 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-BW93Fnli.cjs"),p=require("react"),O=require("@emotion/styled"),Lt=require("./HelpButton-C_1x_77I.cjs"),dt=require("@emotion/react"),ct=require("@zeniai/client-analytics"),G=require("@zeniai/client-epic-state"),n=require("./index-C93Jm_tC.cjs"),ze=require("./PaymentAccountSetupBillingAddressSection-FuImHr5D.cjs"),me=require("./CustomerOnboardingDetailPageSkeleton-BKx0TrZ6.cjs"),pt=require("./CompanyOfficerDetailsSection-DNjg7qF2.cjs"),qt=require("./QBOSetupSection-Amt4gGZ2.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;