@tesouro/embedded-components-react 0.2.132 → 0.2.148

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index2.js

@@ -0,0 +1,407 @@
+"use client";
+import { jsx as l, jsxs as G, Fragment as Qe } from "react/jsx-runtime";
+import { useEffect as X, useState as n, useCallback as C, useRef as Ye, useMemo as D } from "react";
+import { Dialog as Ze, DialogContent as qe, DialogTitle as Je } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { OnboardingShell as Ke } from "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShell.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as et } from "../../ui/dist/index3.js";
+import { interpolateBankName as Q } from "../../ui/dist/index4.js";
+import { ResultStep as tt } from "../../ui/dist/index6.js";
+import { MarketingWidget as it } from "../../ui/dist/index13.js";
+import { ApplicationClientSecretProvider as at, useApplicationClientSecret as nt } from "../../data-access/dist/index2.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as st } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { useCreateApplication as ot } from "../../data-access/dist/index4.js";
+import { useUpdateApplication as rt } from "../../data-access/dist/index5.js";
+import { useSubmitApplication as lt } from "../../data-access/dist/index6.js";
+import { usePollApplicationCompletion as pt } from "../../data-access/dist/index7.js";
+import { OnboardingSuppressionReason as mt } from "../../data-access/dist/index8.js";
+import { useOrganizationOnboardingSuppression as ct } from "../../data-access/dist/index9.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import { WidgetProvider as dt } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { getStateOptions as Y } from "../../../shared/util/dist/index11.js";
+import { extractApiErrorMessage as ut } from "../../../shared/util/dist/index14.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useWidgetConfig as gt, useRefetchWidget as ft } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { getNaicsOptions as bt } from "../../../shared/feature/dist/lib/naicsCodeMap.js";
+import { useAnalyticsTrack as wt } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { BusinessDetailsStep as ht } from "./index3.js";
+import { PersonalDetailsStep as yt } from "./index4.js";
+import { AdditionalOwnersStep as Ct } from "./index5.js";
+import { buildCreateApplicationBody as Ot, buildUpdateApplicationBody as re } from "./index6.js";
+import { WIDGET_NAME as St, OnboardingAnalyticsEvent as v } from "./index7.js";
+import { DEFAULT_LABELS as E } from "./index8.js";
+const kt = {
+  companyLegalName: "",
+  companyDbaName: "",
+  businessAddress: "",
+  city: "",
+  state: "",
+  zipCode: "",
+  companyPhoneNumber: "",
+  companyStructure: "",
+  website: "",
+  taxId: "",
+  naicsCode: "",
+  isAuthorized: null,
+  isCheckboxChecked: !1
+}, At = {
+  firstName: "",
+  lastName: "",
+  dateOfBirth: void 0,
+  ssn: "",
+  homeAddress: "",
+  city: "",
+  state: "",
+  zipCode: "",
+  mobilePhoneNumber: "",
+  workEmail: "",
+  ownsOver25Percent: null,
+  ownershipPercentage: null
+};
+function Dt(p, s) {
+  if (p === 0)
+    return {
+      title: s.businessReviewTitle,
+      subtitle: s.businessReviewSubtitle
+    };
+  if (p === 1)
+    return {
+      title: s.personalReviewTitle,
+      subtitle: s.personalReviewSubtitle
+    };
+  const r = { ...et, ...s.additionalOwners };
+  return {
+    title: r.heading,
+    subtitle: r.subheading
+  };
+}
+function vt({
+  onEmbeddedOnboardingCompletedSuccessfully: p,
+  onNavigateToDashboard: s,
+  labels: r,
+  initialBusinessDetails: N,
+  initialPersonalDetails: L,
+  initialAdditionalOwners: T,
+  bankLogoSrc: I,
+  disclosureLinks: x,
+  marketingContent: a = null,
+  open: O,
+  defaultOpen: S,
+  onOpenChange: Z
+}) {
+  const c = wt();
+  X(() => {
+    c(v.Mounted);
+  }, [c]);
+  const e = {
+    ...E,
+    ...r,
+    stepIndicator: {
+      ...E.stepIndicator,
+      ...r?.stepIndicator
+    },
+    businessDetails: r?.businessDetails ?? {},
+    personalDetails: r?.personalDetails ?? {},
+    additionalOwners: r?.additionalOwners ?? {},
+    result: {
+      ...E.result,
+      ...r?.result
+    }
+  }, b = gt().initResponse, {
+    termsHref: le,
+    privacyHref: pe,
+    electronicCommunicationHref: me,
+    patriotActHref: ce
+  } = x ?? {}, de = a !== null, P = O === void 0, [ue, B] = n(!1), [ge, fe] = n(!0), [be, we] = n(
+    () => S ?? !1
+  ), he = I ?? a?.bankLogoSrc ?? void 0, q = P ? be : O, ye = S ?? !1, w = C(
+    (t) => {
+      P && we(t), Z?.(t);
+    },
+    [Z, P]
+  ), Ce = C(() => {
+    c(v.OpenMarketing), B(!0);
+  }, [c]), Oe = C(() => {
+    B(!1);
+  }, []), Se = C(() => {
+    c(v.BeginOnboarding), B(!1), w(!0);
+  }, [w, c]), ke = C(() => {
+    fe(!1), p();
+  }, [p]), Ae = ft(), [i, M] = n(0), [De, ve] = n(() => ({
+    ...kt,
+    ...N
+  })), [R, Ee] = n(() => ({
+    ...At,
+    ...L
+  })), [Ne, Le] = n(
+    () => T ?? []
+  ), [g, Te] = n(null), [d, Ie] = n(null), [H, xe] = n(null), [f, Pe] = n(null), [Be, F] = n(null), [$, J] = n(!1), [K, U] = n(null), ee = ot(), W = rt(), te = lt(), Me = pt(), { setClientSecret: Re } = nt(), _ = ct(), z = Ye(null);
+  X(() => () => z.current?.abort(), []);
+  const He = D(
+    () => bt(
+      e.businessDetails.naicsTitles
+    ),
+    [e.businessDetails.naicsTitles]
+  ), Fe = D(
+    () => Y(e.businessDetails.stateTitles),
+    [e.businessDetails.stateTitles]
+  ), $e = D(
+    () => Y(e.personalDetails.stateTitles),
+    [e.personalDetails.stateTitles]
+  ), Ue = D(
+    () => Y(e.additionalOwners.stateTitles),
+    [e.additionalOwners.stateTitles]
+  ), V = $ || K !== null, ie = b?.status === "ACTIVE" || b?.status === "INACTIVE", k = !!b && !V && (ie || _.isSuppressed), A = k ? ie ? mt.UserAlreadyOnboarded : _.reason : null;
+  if (X(() => {
+    !k || !A || (c(v.Suppressed, { reason: A }), console.info(`[onboarding] not shown: ${A}`));
+  }, [k, A, c]), !b || !V && (k || !_.isResolved))
+    return null;
+  const j = d?.ownsOver25Percent === !0 && (d?.ownershipPercentage ?? 0) > 75 || g?.companyStructure === "SOLE_PROPRIETORSHIP", We = j ? [e.stepIndicator.business, e.stepIndicator.personal] : [
+    e.stepIndicator.business,
+    e.stepIndicator.personal,
+    e.stepIndicator.ownership
+  ], _e = i === 0 ? g : i === 1 ? d : i === 2 ? H : null, h = ee.isPending || W.isPending || te.isPending || $, ze = () => {
+    F(null), M((t) => t === 0 ? 0 : t - 1);
+  }, ae = () => {
+    w(!1);
+  }, ne = async (t) => {
+    J(!0), w(!0);
+    const o = new AbortController();
+    z.current = o;
+    let y = !1;
+    try {
+      const u = await te.mutateAsync({
+        path: { id: t }
+      });
+      if (o.signal.aborted)
+        return;
+      if (!u.id)
+        throw new Error(e.submitFailedError);
+      y = !0, (await Me(t, {
+        signal: o.signal
+      })).status === "complete" ? (U("success"), Ae(), ke()) : U("pending");
+    } catch (u) {
+      if (u instanceof DOMException && u.name === "AbortError")
+        return;
+      if (!y)
+        throw u;
+      U("pending");
+    } finally {
+      z.current = null, J(!1);
+    }
+  }, Ve = async () => {
+    F(null);
+    try {
+      if (i === 0) {
+        if (!g) return;
+        let t = f;
+        if (!t) {
+          const o = await ee.mutateAsync({
+            body: Ot(g)
+          });
+          t = o.id, Pe(t), o.clientSecret && Re(o.clientSecret);
+        }
+        M(1);
+      } else if (i === 1) {
+        if (!d || !g || !f)
+          return;
+        await W.mutateAsync({
+          path: { id: f },
+          body: re({
+            businessDetails: g,
+            applicant: d
+          })
+        }), j ? await ne(f) : M(2);
+      } else if (i === 2) {
+        if (!H || !f) return;
+        await W.mutateAsync({
+          path: { id: f },
+          body: re({
+            businessOwners: H
+          })
+        }), await ne(f);
+      }
+    } catch (t) {
+      const o = ut(t) ?? (t instanceof Error ? t.message : void 0) ?? e.genericRetryError;
+      F(o);
+    }
+  }, se = Dt(
+    Math.min(i, 2),
+    e
+  ), oe = b.bankName?.trim() || e.fallbackBankName, je = Q(
+    e.shellFdicDisclaimer,
+    oe
+  );
+  if (V) {
+    const t = g?.companyLegalName ?? "", o = b.bankName?.trim() || e.fallbackBankName, y = K ?? "pending", u = y === "success", m = {
+      ...E.result,
+      ...e.result
+    };
+    return /* @__PURE__ */ l(Ze, { open: q, onOpenChange: w, children: /* @__PURE__ */ G(qe, { className: "ttw:grid ttw:max-h-[95vh] ttw:w-[720px] ttw:max-w-[calc(100vw-2rem)] ttw:grid-rows-[1fr] ttw:gap-0 ttw:overflow-hidden ttw:rounded-2xl ttw:p-0", children: [
+      /* @__PURE__ */ l(Je, { className: "ttw:sr-only", children: e.modalTitle }),
+      /* @__PURE__ */ l(
+        tt,
+        {
+          status: y,
+          isLoading: $,
+          loadingMessage: m.loadingMessage,
+          headingLine1: u ? m.successHeadingLine1 : m.pendingHeadingLine1,
+          headingLine2: `${t}!`,
+          body: u ? m.successBody : m.pendingBody,
+          followUpEmail: d?.workEmail ?? "",
+          emailBoxLead: m.pendingEmailBoxLead,
+          navigateToDashboardLabel: m.navigateToDashboard,
+          bankLogoSrc: he,
+          bankLogoAlt: Q(
+            m.bankLogoAlt,
+            o
+          ),
+          fdicDisclaimer: Q(
+            m.fdicDisclaimer,
+            o
+          ),
+          onNavigateToDashboard: s
+        }
+      )
+    ] }) });
+  }
+  const Ge = i === 2 || i === 1 && j ? e.submit : e.next, Xe = _e === null || h;
+  return /* @__PURE__ */ G(Qe, { children: [
+    de && ge && a ? /* @__PURE__ */ l(
+      it,
+      {
+        open: ue,
+        isVisible: !0,
+        vspLogo: a.vspLogo,
+        bankingText: a.bankingText,
+        primaryCaption: a.primaryCaption,
+        secondaryCaption: a.secondaryCaption,
+        providedByCaption: a.providedByCaption,
+        modalPrimaryImg: a.modalPrimaryImg,
+        primaryModalHeader: a.primaryModalHeader,
+        benefits: a.benefits,
+        appearance: a.appearance,
+        onOpenMarketingModal: Ce,
+        onCloseMarketingModal: Oe,
+        onPrimaryCtaClick: Se
+      }
+    ) : null,
+    /* @__PURE__ */ G(
+      Ke,
+      {
+        open: q,
+        defaultOpen: ye,
+        onOpenChange: w,
+        title: se.title,
+        subtitle: se.subtitle,
+        stepLabels: We,
+        activeStep: i,
+        disclaimerText: je,
+        onBack: i === 0 ? ae : ze,
+        onCancel: i > 0 ? ae : void 0,
+        onNext: Ve,
+        showDismissButton: !1,
+        isNextDisabled: Xe,
+        isNextLoading: h,
+        nextLabel: Ge,
+        nextIcon: null,
+        errorMessage: Be,
+        labels: {
+          backButton: i === 0 ? e.cancel : e.back,
+          cancelButton: e.cancel
+        },
+        children: [
+          i === 0 ? /* @__PURE__ */ l(
+            ht,
+            {
+              value: De,
+              onValueChange: ve,
+              onSnapshotChange: Te,
+              naicsOptions: He,
+              stateOptions: Fe,
+              isSubmitting: h,
+              labels: e.businessDetails,
+              bankName: oe,
+              termsHref: le,
+              privacyHref: pe,
+              electronicCommunicationHref: me,
+              patriotActHref: ce
+            },
+            "business"
+          ) : null,
+          i === 1 ? /* @__PURE__ */ l(
+            yt,
+            {
+              value: R,
+              onValueChange: Ee,
+              onSnapshotChange: Ie,
+              stateOptions: $e,
+              isSubmitting: h,
+              labels: e.personalDetails
+            },
+            "personal"
+          ) : null,
+          i === 2 ? /* @__PURE__ */ l(
+            Ct,
+            {
+              owners: Ne,
+              onOwnersChange: Le,
+              primaryOwnerName: `${R.firstName} ${R.lastName}`.trim(),
+              primaryOwnerPercentage: d?.ownsOver25Percent === !0 ? d.ownershipPercentage ?? 0 : 0,
+              stateOptions: Ue,
+              onSnapshotChange: xe,
+              isSubmitting: h,
+              labels: e.additionalOwners
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function ui({
+  baseUrl: p,
+  widgetToken: s,
+  organizationId: r,
+  configClient: N,
+  linkComponent: L,
+  implementation: T,
+  uiFramework: I,
+  errorFallback: x,
+  onError: a,
+  analytics: O,
+  ...S
+}) {
+  return /* @__PURE__ */ l(
+    dt,
+    {
+      baseUrl: p,
+      widgetToken: s,
+      organizationId: r,
+      configClient: N,
+      linkComponent: L,
+      implementation: T,
+      uiFramework: I,
+      errorFallback: x,
+      onError: a,
+      analytics: O,
+      widgetName: St,
+      children: /* @__PURE__ */ l(Et, { ...S })
+    }
+  );
+}
+function Et(p) {
+  const { authEpoch: s } = st();
+  return /* @__PURE__ */ l(at, { children: /* @__PURE__ */ l(vt, { ...p }, s) }, s);
+}
+export {
+  ui as BankAccountOnboardingWidget
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index3.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsxs as L, jsx as g } from "react/jsx-runtime";
+import { useMemo as n, useRef as v, useEffect as C, useState as B } from "react";
+import { z as s } from "zod";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "lucide-react";
+import "@radix-ui/react-use-controllable-state";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import "react-confetti";
+import { BusinessDetailsPanel as k } from "../../ui/dist/index10.js";
+import { BusinessDisclosuresSection as w } from "../../ui/dist/index12.js";
+import { isValidWebsiteUrl as F } from "./index9.js";
+import { mergeBusinessDetailsLabels as _, buildBusinessDetailsPanelLabels as z, buildBusinessDetailsSummaryRows as V, buildBusinessDetailsEditFields as j, isBusinessWebsiteInvalid as W } from "./index10.js";
+function R(e) {
+  return s.object({
+    companyLegalName: s.string().min(1),
+    companyDbaName: s.string(),
+    businessAddress: s.string().min(1),
+    city: s.string().min(1),
+    state: s.string().min(2),
+    zipCode: s.string().min(5),
+    companyPhoneNumber: s.string().refine((i) => i.replace(/\D/g, "").length === 10, {
+      message: e.companyPhoneNumberInvalid
+    }),
+    companyStructure: s.enum([
+      "CORPORATION_PUBLIC",
+      "CORPORATION_PRIVATE",
+      "CORPORATION_NOT_FOR_PROFIT",
+      "LLC",
+      "LLP",
+      "PARTNERSHIP",
+      "SOLE_PROPRIETORSHIP",
+      "GOVERNMENT",
+      "COOPERATIVE",
+      "ASSOCIATION",
+      "OTHER"
+    ]),
+    website: s.string().refine((i) => !i || F(i), {
+      message: e.websiteInvalid
+    }),
+    taxId: s.string().refine((i) => /^\d{9}$/.test(i), {
+      message: e.taxIdInvalid
+    }),
+    naicsCode: s.string().min(1)
+  });
+}
+function $(e) {
+  return R(e).extend({
+    isAuthorized: s.literal(!0),
+    isCheckboxChecked: s.literal(!0)
+  });
+}
+function te({
+  value: e,
+  onValueChange: i,
+  onSnapshotChange: l,
+  naicsOptions: m,
+  stateOptions: u,
+  isSubmitting: c,
+  labels: t,
+  bankName: P,
+  termsHref: I,
+  privacyHref: h,
+  electronicCommunicationHref: N,
+  patriotActHref: A
+}) {
+  const a = n(
+    () => _(t),
+    [t]
+  ), p = n(
+    () => ({
+      panelFields: R(a),
+      full: $(a)
+    }),
+    [a]
+  ), d = p.full.safeParse(e), f = d.success ? d.data : null, o = p.panelFields.safeParse(e).success, S = JSON.stringify(f), b = v(l);
+  b.current = l, C(() => {
+    b.current(f);
+  }, [S]);
+  const [y, O] = B(() => !o);
+  C(() => {
+    o || O(!0);
+  }, [o]);
+  const r = n(
+    () => ({ stateOptions: u, naicsOptions: m, labels: t }),
+    [u, m, t]
+  ), E = n(
+    () => z(t),
+    [t]
+  ), T = n(
+    () => V(e, r),
+    [e, r]
+  ), x = n(
+    () => j(e, i, r),
+    [e, i, r]
+  ), D = W(e.website);
+  return /* @__PURE__ */ L("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ g(
+      k,
+      {
+        isEditing: y,
+        onEditClick: () => O(!0),
+        summaryRows: T,
+        editFields: x,
+        labels: E,
+        isDisabled: c,
+        websiteInvalid: D
+      }
+    ),
+    /* @__PURE__ */ g(
+      w,
+      {
+        value: {
+          isAuthorized: e.isAuthorized,
+          isCheckboxChecked: e.isCheckboxChecked
+        },
+        onChange: (H) => i({ ...e, ...H }),
+        isSubmitting: c,
+        labels: t,
+        bankName: P,
+        termsHref: I,
+        privacyHref: h,
+        electronicCommunicationHref: N,
+        patriotActHref: A
+      }
+    )
+  ] });
+}
+export {
+  te as BusinessDetailsStep
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index4.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as E } from "react/jsx-runtime";
+import { useMemo as i, useRef as B, useEffect as h, useState as P } from "react";
+import { z as s } from "zod";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "lucide-react";
+import "@radix-ui/react-use-controllable-state";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import "react-confetti";
+import { AboutYouPanel as N } from "../../ui/dist/index11.js";
+import { getMaxBirthDate as x, isAtLeastMinOwnerAge as M } from "./index11.js";
+import { mergePersonalDetailsLabels as R, buildAboutYouPanelLabels as k, buildAboutYouSummaryRows as C, buildAboutYouEditFields as L, buildSsnDisplayValues as Y } from "./index12.js";
+function $(e) {
+  return s.object({
+    firstName: s.string().min(1),
+    lastName: s.string().min(1),
+    dateOfBirth: s.date().refine(M, {
+      message: e.dateOfBirthMinAgeError
+    }),
+    ssn: s.string().refine((t) => /^\d{9}$/.test(t), {
+      message: e.ssnInvalid
+    }),
+    homeAddress: s.string().min(1),
+    city: s.string().min(1),
+    state: s.string().min(2),
+    zipCode: s.string().min(5),
+    mobilePhoneNumber: s.string().refine((t) => t.replace(/\D/g, "").length === 10, {
+      message: e.mobilePhoneNumberInvalid
+    }),
+    workEmail: s.email(),
+    ownsOver25Percent: s.boolean(),
+    ownershipPercentage: s.number().min(0).max(100).nullable()
+  }).refine(
+    (t) => t.ownsOver25Percent === !1 || t.ownershipPercentage !== null && t.ownershipPercentage >= 25 && t.ownershipPercentage <= 100,
+    {
+      message: e.ownershipPercentageRangeError,
+      path: ["ownershipPercentage"]
+    }
+  );
+}
+function U({
+  value: e,
+  onValueChange: t,
+  onSnapshotChange: l,
+  stateOptions: m,
+  isSubmitting: w,
+  labels: n
+}) {
+  const u = i(
+    () => R(n),
+    [n]
+  ), g = i(
+    () => $(u),
+    [u]
+  ).safeParse(e), r = g.success ? g.data : null, p = JSON.stringify({
+    ...r,
+    dateOfBirth: r?.dateOfBirth?.toISOString()
+  }), d = B(l);
+  d.current = l, h(() => {
+    d.current(r);
+  }, [p]);
+  const [O, f] = P(() => r === null), [b, S] = P(!1);
+  h(() => {
+    r === null && f(!0);
+  }, [p]);
+  const a = i(
+    () => ({ stateOptions: m, labels: n }),
+    [m, n]
+  ), o = i(() => k(n), [n]), y = i(
+    () => C(e, a),
+    [e, a]
+  ), A = i(
+    () => L(e, t, a),
+    [e, t, a]
+  ), c = i(
+    () => Y(e.ssn),
+    [e.ssn]
+  ), D = i(() => x(), []);
+  return /* @__PURE__ */ E(
+    N,
+    {
+      isEditing: O,
+      onEditClick: () => f(!0),
+      summaryRows: y,
+      editFields: A,
+      labels: o,
+      isDisabled: w,
+      ssnRevealed: b,
+      ssnToggleAriaLabel: b ? o.ssnHide : o.ssnShow,
+      onToggleSsnVisibility: () => S((v) => !v),
+      showOwnershipPercentage: e.ownsOver25Percent === !0,
+      maxBirthDate: D,
+      ssnMaskedDisplay: c.masked,
+      ssnFormattedDisplay: c.formatted
+    }
+  );
+}
+export {
+  U as PersonalDetailsStep
+};