@tesouro/embedded-components-react 0.2.6 → 0.2.15

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

@@ -1,19 +1,18 @@
 "use client";
-import { jsx as i, jsxs as de } from "react/jsx-runtime";
+import { jsx as n, jsxs as be } from "react/jsx-runtime";
 import * as t from "react";
 import "../../../../../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 { ResultStep as be } from "../../ui/dist/index8.js";
-import { NavigationFooter as fe } from "../../ui/dist/index10.js";
-import { StepIndicator as ge } from "../../ui/dist/index11.js";
-import { OnboardingWidgetShell as H } from "../../ui/dist/index12.js";
-import { useCreateApplication as he } from "../../data-access/dist/index2.js";
+import { ResultStep as fe } from "../../ui/dist/index8.js";
+import { NavigationFooter as ge } from "../../ui/dist/index10.js";
+import { StepIndicator as he } from "../../ui/dist/index11.js";
+import { OnboardingWidgetShell as R } from "../../ui/dist/index12.js";
+import { useCreateApplication as Se } from "../../data-access/dist/index2.js";
 import { useUpdateApplication as we } from "../../data-access/dist/index3.js";
-import { useVerifyBusiness as Oe } from "../../data-access/dist/index4.js";
-import { useSubmitApplication as Se } from "../../data-access/dist/index5.js";
-import { useCreateBankAccount as ye } from "../../data-access/dist/index6.js";
+import { useSubmitApplication as Oe } from "../../data-access/dist/index4.js";
+import { usePollBankAccountApplication as ye } from "../../data-access/dist/index5.js";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -22,17 +21,17 @@ import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as Ce } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { getStateOptions as N } from "../../../shared/util/dist/index10.js";
+import { getStateOptions as T } from "../../../shared/util/dist/index10.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
 import { useWidgetConfig as De, useRefetchWidget as ke } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import { getNaicsOptions as Ie } from "../../../shared/feature/dist/lib/naicsCodeMap.js";
-import { useAnalyticsTrack as Pe } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { BusinessDetailsStep as Ae } from "./index3.js";
+import { useAnalyticsTrack as Ae } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { BusinessDetailsStep as Pe } from "./index3.js";
 import { PersonalDetailsStep as Ne } from "./index4.js";
 import { AdditionalOwnersStep as Te } from "./index5.js";
-import { buildApplicantForCreate as ve, buildBusinessDetails as M, buildApplicantForUpdate as Ee, buildBusinessOwners as xe } from "./index6.js";
-import { OnboardingAnalyticsEvent as Be } from "./index7.js";
-const R = {
+import { buildApplicantForCreate as ve, buildBusinessDetails as F, buildApplicantForUpdate as Ee, buildBusinessOwners as $e } from "./index6.js";
+import { OnboardingAnalyticsEvent as xe } from "./index7.js";
+const M = {
   stepIndicator: {
     business: "Business",
     personal: "Personal",
@@ -48,7 +47,7 @@ const R = {
   submit: "Submit",
   errorPrefix: "Something went wrong: ",
   modalTitle: "Bank account onboarding"
-}, $e = {
+}, Be = {
   companyLegalName: "",
   companyDbaName: "",
   businessAddress: "",
@@ -62,7 +61,7 @@ const R = {
   naicsCode: "",
   isAuthorized: null,
   isCheckboxChecked: !1
-}, Ve = "Checking account", Le = {
+}, Ve = {
   firstName: "",
   lastName: "",
   dateOfBirth: void 0,
@@ -79,49 +78,51 @@ const R = {
 function He({
   onEmbeddedOnboardingCompletedSuccessfully: g,
   onNavigateToDashboard: h,
-  labels: o,
-  bankLogoSrc: w,
-  termsHref: O,
-  privacyHref: S,
+  labels: i,
+  bankLogoSrc: S,
+  termsHref: w,
+  privacyHref: O,
   electronicCommunicationHref: y,
   patriotActHref: C,
-  open: b,
-  defaultOpen: f,
-  onOpenChange: T
+  open: m,
+  defaultOpen: d,
+  onOpenChange: v
 }) {
-  const v = Pe();
+  const E = Ae();
   t.useEffect(() => {
-    v(Be.Mounted);
-  }, [v]);
+    E(xe.Mounted);
+  }, [E]);
   const e = {
-    ...R,
-    ...o,
+    ...M,
+    ...i,
     stepIndicator: {
-      ...R.stepIndicator,
-      ...o?.stepIndicator
+      ...M.stepIndicator,
+      ...i?.stepIndicator
     },
-    businessDetails: o?.businessDetails ?? {},
-    personalDetails: o?.personalDetails ?? {},
-    additionalOwners: o?.additionalOwners ?? {},
-    result: o?.result ?? {}
-  }, m = De().initResponse, F = ke(), [a, D] = t.useState(0), [W, U] = t.useState($e), [z, j] = t.useState(Le), [_, G] = t.useState([]), [Z, q] = t.useState(!1), [r, J] = t.useState(null), [p, K] = t.useState(null), [k, Q] = t.useState(null), [u, X] = t.useState(null), [Y, I] = t.useState(null), [E, n] = t.useState(!1), [x, l] = t.useState(null), B = he(), P = we(), ee = Oe(), te = Se(), $ = ye(), se = t.useMemo(
+    businessDetails: i?.businessDetails ?? {},
+    personalDetails: i?.personalDetails ?? {},
+    additionalOwners: i?.additionalOwners ?? {},
+    result: i?.result ?? {}
+  }, u = De().initResponse, z = ke(), [a, D] = t.useState(0), [U, W] = t.useState(Be), [j, K] = t.useState(Ve), [_, q] = t.useState([]), [G, J] = t.useState(!1), [o, Q] = t.useState(null), [r, X] = t.useState(null), [k, Y] = t.useState(null), [l, Z] = t.useState(null), [ee, I] = t.useState(null), [$, x] = t.useState(!1), [B, b] = t.useState(null), V = Se(), A = we(), te = Oe(), se = ye(), P = t.useRef(null);
+  t.useEffect(() => () => P.current?.abort(), []);
+  const ae = t.useMemo(
     () => Ie(
       e.businessDetails.naicsTitles
     ),
     [e.businessDetails.naicsTitles]
-  ), ae = t.useMemo(
-    () => N(e.businessDetails.stateTitles),
-    [e.businessDetails.stateTitles]
   ), ne = t.useMemo(
-    () => N(e.personalDetails.stateTitles),
-    [e.personalDetails.stateTitles]
+    () => T(e.businessDetails.stateTitles),
+    [e.businessDetails.stateTitles]
   ), ie = t.useMemo(
-    () => N(e.additionalOwners.stateTitles),
+    () => T(e.personalDetails.stateTitles),
+    [e.personalDetails.stateTitles]
+  ), oe = t.useMemo(
+    () => T(e.additionalOwners.stateTitles),
     [e.additionalOwners.stateTitles]
-  ), V = E || x !== null;
-  if (!m || !V && (m.status === "ACTIVE" || m.status === "INACTIVE"))
+  ), H = $ || B !== null;
+  if (!u || !H && (u.status === "ACTIVE" || u.status === "INACTIVE"))
     return null;
-  const A = p?.ownsOver25Percent === !0 && (p?.ownershipPercentage ?? 0) > 75 || r?.companyStructure === "SOLE_PROPRIETORSHIP", oe = A ? [
+  const N = r?.ownsOver25Percent === !0 && (r?.ownershipPercentage ?? 0) > 75 || o?.companyStructure === "SOLE_PROPRIETORSHIP", re = N ? [
     e.stepIndicator.business ?? "Business",
     e.stepIndicator.personal ?? "Personal",
     e.stepIndicator.done ?? "Done"
@@ -130,172 +131,169 @@ function He({
     e.stepIndicator.personal ?? "Personal",
     e.stepIndicator.ownership ?? "Ownership",
     e.stepIndicator.done ?? "Done"
-  ], re = a === 0 ? r : a === 1 ? p : a === 2 ? k : null, c = B.isPending || P.isPending || $.isPending, le = () => {
+  ], le = a === 0 ? o : a === 1 ? r : a === 2 ? k : null, p = V.isPending || A.isPending, ue = () => {
     I(null), D((s) => s === 0 ? 0 : s - 1);
   }, L = async (s) => {
-    n(!0);
+    x(!0);
+    const c = new AbortController();
+    P.current = c;
     try {
-      const d = (await ee.mutateAsync({
+      const f = await te.mutateAsync({
         path: { id: s }
-      })).status;
-      if (d === "APPROVED")
-        try {
-          if ((await te.mutateAsync({
-            path: { id: s }
-          })).id)
-            try {
-              (await $.mutateAsync({
-                body: { nickname: Ve }
-              })).id ? (n(!1), l("success"), F(), g()) : (n(!1), l("pending"));
-            } catch {
-              n(!1), l("pending");
-            }
-          else
-            n(!1), l("pending");
-        } catch {
-          n(!1), l("pending");
-        }
-      else d === "PENDING" || d === "MANUAL_REVIEW" ? (n(!1), l("pending")) : (n(!1), l("error"));
-    } catch {
-      n(!1), l("error");
+      });
+      if (c.signal.aborted)
+        return;
+      if (!f.id) {
+        b("pending");
+        return;
+      }
+      (await se(s, {
+        signal: c.signal
+      })).status === "complete" ? (b("success"), z(), g()) : b("pending");
+    } catch (f) {
+      if (f instanceof DOMException && f.name === "AbortError")
+        return;
+      b("error");
+    } finally {
+      P.current = null, x(!1);
     }
   }, pe = async () => {
     I(null);
     try {
       if (a === 0) {
-        if (!r) return;
-        let s = u;
-        s || (s = (await B.mutateAsync({
+        if (!o) return;
+        let s = l;
+        s || (s = (await V.mutateAsync({
           body: {
-            businessDetails: M(r),
-            applicant: ve(r)
+            businessDetails: F(o),
+            applicant: ve(o)
           }
-        })).id, X(s)), D(1);
+        })).id, Z(s)), D(1);
       } else if (a === 1) {
-        if (!p || !r || !u)
+        if (!r || !o || !l)
           return;
-        await P.mutateAsync({
-          path: { id: u },
+        await A.mutateAsync({
+          path: { id: l },
           body: {
             businessDetails: {
               hasValue: !0,
-              value: M(r)
+              value: F(o)
             },
             applicant: {
               hasValue: !0,
-              value: Ee(p)
+              value: Ee(r)
             }
           }
-        }), A ? await L(u) : D(2);
+        }), N ? await L(l) : D(2);
       } else if (a === 2) {
-        if (!k || !u) return;
-        await P.mutateAsync({
-          path: { id: u },
+        if (!k || !l) return;
+        await A.mutateAsync({
+          path: { id: l },
           body: {
             businessOwners: {
               hasValue: !0,
-              value: xe(k)
+              value: $e(k)
             }
           }
-        }), await L(u);
+        }), await L(l);
       }
     } catch (s) {
-      const d = s instanceof Error ? s.message : String(s);
-      I(`${e.errorPrefix}${d}`);
+      const c = s instanceof Error ? s.message : String(s);
+      I(`${e.errorPrefix}${c}`);
     }
   };
-  if (V)
-    return /* @__PURE__ */ i(
-      H,
+  if (H)
+    return /* @__PURE__ */ n(
+      R,
       {
-        open: b,
-        defaultOpen: f,
-        onOpenChange: T,
+        open: m,
+        defaultOpen: d,
+        onOpenChange: v,
         title: e.modalTitle,
-        children: /* @__PURE__ */ i(
-          be,
+        children: /* @__PURE__ */ n(
+          fe,
           {
-            status: x ?? "error",
-            isLoading: E,
-            companyName: r?.companyLegalName ?? "",
-            followUpEmail: p?.workEmail ?? "",
-            bankName: m.bankName ?? "",
-            vspName: m.vspName ?? "",
-            bankLogoSrc: w,
+            status: B ?? "error",
+            isLoading: $,
+            companyName: o?.companyLegalName ?? "",
+            followUpEmail: r?.workEmail ?? "",
+            bankName: u.bankName ?? "",
+            vspName: u.vspName ?? "",
+            bankLogoSrc: S,
             onNavigateToDashboard: h,
             labels: e.result
           }
         )
       }
     );
-  const ue = a === 2 || a === 1 && A ? e.submit : e.next, me = re === null || c, ce = a === 0;
-  return /* @__PURE__ */ de(
-    H,
+  const ce = a === 2 || a === 1 && N ? e.submit : e.next, me = le === null || p, de = a === 0;
+  return /* @__PURE__ */ be(
+    R,
     {
-      open: b,
-      defaultOpen: f,
-      onOpenChange: T,
+      open: m,
+      defaultOpen: d,
+      onOpenChange: v,
       title: e.modalTitle,
-      stepIndicator: /* @__PURE__ */ i(
-        ge,
+      stepIndicator: /* @__PURE__ */ n(
+        he,
         {
-          steps: oe,
+          steps: re,
           activeStep: a,
           hidden: !1
         }
       ),
-      errorMessage: Y,
-      footer: /* @__PURE__ */ i(
-        fe,
+      errorMessage: ee,
+      footer: /* @__PURE__ */ n(
+        ge,
         {
-          onBack: le,
+          onBack: ue,
           onNext: pe,
-          isBackDisabled: ce,
+          isBackDisabled: de,
           isNextDisabled: me,
-          isLoading: c,
+          isLoading: p,
           backLabel: e.back,
-          nextLabel: ue
+          nextLabel: ce
         }
       ),
       children: [
-        a === 0 && /* @__PURE__ */ i(
-          Ae,
+        a === 0 && /* @__PURE__ */ n(
+          Pe,
           {
-            value: W,
-            onValueChange: U,
-            onSnapshotChange: J,
-            naicsOptions: se,
-            stateOptions: ae,
-            isSubmitting: c,
+            value: U,
+            onValueChange: W,
+            onSnapshotChange: Q,
+            naicsOptions: ae,
+            stateOptions: ne,
+            isSubmitting: p,
             labels: e.businessDetails,
-            termsHref: O,
-            privacyHref: S,
+            termsHref: w,
+            privacyHref: O,
             electronicCommunicationHref: y,
             patriotActHref: C
           }
         ),
-        a === 1 && /* @__PURE__ */ i(
+        a === 1 && /* @__PURE__ */ n(
           Ne,
           {
-            value: z,
-            onValueChange: j,
-            onSnapshotChange: K,
-            stateOptions: ne,
-            ssnVisible: Z,
-            onToggleSsnVisibility: () => q((s) => !s),
-            isSubmitting: c,
+            value: j,
+            onValueChange: K,
+            onSnapshotChange: X,
+            stateOptions: ie,
+            ssnVisible: G,
+            onToggleSsnVisibility: () => J((s) => !s),
+            isSubmitting: p,
             labels: e.personalDetails
           }
         ),
-        a === 2 && /* @__PURE__ */ i(
+        a === 2 && /* @__PURE__ */ n(
           Te,
           {
             owners: _,
-            onOwnersChange: G,
-            primaryOwnerPercentage: p?.ownershipPercentage ?? 0,
-            stateOptions: ie,
-            onSnapshotChange: Q,
-            isSubmitting: c,
+            onOwnersChange: q,
+            primaryOwnerPercentage: r?.ownershipPercentage ?? 0,
+            stateOptions: oe,
+            onSnapshotChange: Y,
+            isSubmitting: p,
             labels: e.additionalOwners
           }
         )
@@ -303,34 +301,34 @@ function He({
     }
   );
 }
-function gt({
+function bt({
   baseUrl: g,
   widgetToken: h,
-  organizationId: o,
-  configClient: w,
-  linkComponent: O,
-  implementation: S,
+  organizationId: i,
+  configClient: S,
+  linkComponent: w,
+  implementation: O,
   uiFramework: y,
   errorFallback: C,
-  onError: b,
-  ...f
+  onError: m,
+  ...d
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     Ce,
     {
       baseUrl: g,
       widgetToken: h,
-      organizationId: o,
-      configClient: w,
-      linkComponent: O,
-      implementation: S,
+      organizationId: i,
+      configClient: S,
+      linkComponent: w,
+      implementation: O,
       uiFramework: y,
       errorFallback: C,
-      onError: b,
-      children: /* @__PURE__ */ i(He, { ...f })
+      onError: m,
+      children: /* @__PURE__ */ n(He, { ...d })
     }
   );
 }
 export {
-  gt as OnboardingWidget
+  bt as OnboardingWidget
 };