@tesouro/embedded-components-react 0.2.51 → 0.2.55

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/RootWidgetProvider.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
-import { QueryClient as L, QueryClientProvider as M } from "@tanstack/react-query";
-import { registerQueryClient as _, unregisterQueryClient as K } from "../../../../data-access/dist/lib/clientRegistry.js";
+import { QueryClient as _, QueryClientProvider as H } from "@tanstack/react-query";
+import { registerQueryClient as J, unregisterQueryClient as K } from "../../../../data-access/dist/lib/clientRegistry.js";
 import { createEmbeddedClient as N } from "../../../../data-access/dist/lib/createEmbeddedClient.js";
 import { EmbedApiProvider as V } from "../../../../data-access/dist/lib/EmbedApiContext.js";
 import "../../../../data-access/dist/lib/rest/client.gen.js";
@@ -13,8 +13,8 @@ import { UIProvider as Z } from "../../../../ui/dist/lib/UIContext/UIProvider.js
 import { resolveUIFramework as $ } from "../../../../ui/dist/lib/UIContext/UIContext.js";
 import { useDesignSystemEnsurer as ee } from "../../../../ui/dist/lib/UIContext/uiRendererRegistry.js";
 import { configureEmbeddedClient as oe } from "../analytics/client.js";
-import { subscribeToGlobal as ie, getGlobalSnapshot as A } from "./globalStore.js";
-import { WidgetContext as re } from "./WidgetContext.js";
+import { subscribeToGlobal as re, getGlobalSnapshot as A } from "./globalStore.js";
+import { WidgetContext as ie } from "./WidgetContext.js";
 import { useAuthEpoch as te, resolveOrgId as ne } from "./utils.js";
 import { useWidgetFetch as ae } from "./useWidgetFetch.js";
 function ze({
@@ -30,21 +30,21 @@ function ze({
   unstable_initResponseOverride: w
 }) {
   const o = X(
-    ie,
+    re,
     A,
     A
-  ), m = f ?? o.baseUrl, e = s !== void 0 ? s : o.widgetToken, d = l !== void 0 ? l : o.organizationId, i = g ?? o.configClient, C = k ?? o.linkComponent, u = b ?? o.uiFramework, E = h ?? o.implementation, r = j !== !1, v = W({
-    enabled: r,
+  ), m = f ?? o.baseUrl, e = s !== void 0 ? s : o.widgetToken, d = l !== void 0 ? l : o.organizationId, r = g ?? o.configClient, C = k ?? o.linkComponent, u = b ?? o.uiFramework, E = h ?? o.implementation, i = j !== !1, v = W({
+    enabled: i,
     organizationId: d
   }), [c] = Y(
-    () => new L({
+    () => new _({
       defaultOptions: {
         queries: { retry: !1, refetchOnWindowFocus: !1 },
         mutations: { retry: !1 }
       }
     })
   );
-  z(() => (_(c), () => K(c)), [c]);
+  z(() => (J(c), () => K(c)), [c]);
   const R = W(e);
   R.current = e;
   const q = te(e), S = a(
@@ -53,20 +53,22 @@ function ze({
         tokenRef: R,
         analyticsContextRef: v
       });
-      return i ? i(n) : n;
+      return r ? r(n) : n;
     },
     // Recreate the client when baseUrl or configClient changes
-    [m, i]
+    [m, r]
   );
   z(() => {
-    if (!r || !("window" in globalThis)) return;
+    if (!i || !("window" in globalThis)) return;
     let n = !1;
-    return import("../analytics/posthog.js").then(({ initPostHogAnalytics: J }) => {
-      n || J();
-    }), () => {
+    return import("../analytics/install.js").then(
+      ({ ensureAnalyticsAdapterInstalled: M }) => {
+        n || M();
+      }
+    ), () => {
       n = !0;
     };
-  }, [r]);
+  }, [i]);
   const I = ee(
     $(u)
   );
@@ -92,10 +94,10 @@ function ze({
     y ? void 0 : F?.organizationId
   ), T = a(
     () => ({
-      enabled: r,
+      enabled: i,
       organizationId: t
     }),
-    [r, t]
+    [i, t]
   );
   v.current = T;
   const O = a(
@@ -122,7 +124,7 @@ function ze({
       baseUrl: m,
       widgetToken: e,
       organizationId: t,
-      configClient: i,
+      configClient: r,
       linkComponent: C,
       uiFramework: u,
       implementation: E,
@@ -132,13 +134,13 @@ function ze({
       m,
       e,
       t,
-      i,
+      r,
       C,
       u,
       E,
       F
     ]
-  ), H = a(
+  ), L = a(
     () => ({
       resolved: Q,
       own: O,
@@ -164,14 +166,14 @@ function ze({
       y
     ]
   );
-  return /* @__PURE__ */ p(M, { client: c, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ p(H, { client: c, children: /* @__PURE__ */ p(
     V,
     {
       client: S,
       organizationId: t,
       widgetToken: e,
       authEpoch: q,
-      children: /* @__PURE__ */ p(re.Provider, { value: H, children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ p(ie.Provider, { value: L, children: /* @__PURE__ */ p(
         Z,
         {
           linkComponent: C,

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/WidgetProvider.js

@@ -14,16 +14,16 @@ import { resolveUIFramework as ye } from "../../../../ui/dist/lib/UIContext/UICo
 import { useDesignSystemEnsurer as be } from "../../../../ui/dist/lib/UIContext/uiRendererRegistry.js";
 import { HostIsolationScope as we } from "../../../../ui/dist/lib/HostIsolationScope/HostIsolationScope.js";
 import { configureEmbeddedClient as Fe } from "../analytics/client.js";
-import { subscribeToGlobal as Ee, getGlobalSnapshot as V } from "./globalStore.js";
+import { subscribeToGlobal as Ie, getGlobalSnapshot as V } from "./globalStore.js";
 import { WidgetContext as X } from "./WidgetContext.js";
-import { WidgetErrorBoundary as Ie } from "./WidgetErrorBoundary.js";
+import { WidgetErrorBoundary as Ee } from "./WidgetErrorBoundary.js";
 import { noop as Se, useAuthEpoch as Te, resolveOrgId as Pe } from "./utils.js";
 import { useWidgetFetch as ze } from "./useWidgetFetch.js";
 function Ze({
   children: Y,
-  baseUrl: s,
-  widgetToken: i,
-  organizationId: l,
+  baseUrl: l,
+  widgetToken: t,
+  organizationId: s,
   configClient: g,
   linkComponent: y,
   uiFramework: b,
@@ -33,23 +33,25 @@ function Ze({
   analytics: F
 }) {
   const e = ve(X), x = he(
-    Ee,
+    Ie,
     V,
     V
-  ), t = e?.resolved ?? x, $ = e?.refetch ?? Se, ee = e?.loading ?? !1, oe = e?.error ?? null, v = s ?? t.baseUrl, o = i !== void 0 ? i : t.widgetToken, re = e ? e.cascadeOrgId : x.organizationId, h = l !== void 0 ? l : re, d = g ?? t.configClient, E = y ?? t.linkComponent, k = b ?? t.uiFramework, R = w ?? t.implementation, m = e === null, u = m ? F !== !1 : e.analytics.enabled, I = U({
+  ), i = e?.resolved ?? x, $ = e?.refetch ?? Se, ee = e?.loading ?? !1, oe = e?.error ?? null, v = l ?? i.baseUrl, o = t !== void 0 ? t : i.widgetToken, re = e ? e.cascadeOrgId : x.organizationId, h = s !== void 0 ? s : re, d = g ?? i.configClient, I = y ?? i.linkComponent, k = b ?? i.uiFramework, A = w ?? i.implementation, m = e === null, u = m ? F !== !1 : e.analytics.enabled, E = U({
     enabled: u,
     organizationId: h
-  }), A = U(!1);
+  }), R = U(!1);
   C(() => {
-    m || F === void 0 || A.current || (A.current = !0, console.warn(
+    m || F === void 0 || R.current || (R.current = !0, console.warn(
       "[tesouro-embedded] `analytics` on a nested WidgetProvider is ignored in v1. Set it on the outermost RootWidgetProvider or standalone WidgetProvider instead."
     ));
   }, [F, m]), C(() => {
     if (!m || !u || !("window" in globalThis)) return;
     let r = !1;
-    return import("../analytics/posthog.js").then(({ initPostHogAnalytics: de }) => {
-      r || de();
-    }), () => {
+    return import("../analytics/install.js").then(
+      ({ ensureAnalyticsAdapterInstalled: de }) => {
+        r || de();
+      }
+    ), () => {
       r = !0;
     };
   }, [m, u]);
@@ -60,27 +62,27 @@ function Ze({
     S && S().catch(() => {
     });
   }, [S]);
-  const O = e === null || s !== void 0 || i !== void 0 || l !== void 0 || g != null, Q = U(o);
+  const O = e === null || l !== void 0 || t !== void 0 || s !== void 0 || g != null, Q = U(o);
   Q.current = o;
   const ne = Te(o), T = f(() => {
     if (!O) return null;
     const r = Fe(fe(v), {
       tokenRef: Q,
-      analyticsContextRef: I
+      analyticsContextRef: E
     });
     return d ? d(r) : r;
-  }, [O, v, d]), n = e === null || s !== void 0 || i !== void 0, {
+  }, [O, v, d]), n = e === null || l !== void 0 || t !== void 0, {
     result: j,
     loading: G,
-    error: H,
-    clearedForAuthChange: ie,
-    initStaleForToken: te,
+    error: M,
+    clearedForAuthChange: te,
+    initStaleForToken: ie,
     refetch: ae
   } = ze(
     n ? T : null,
     n ? o : void 0,
-    I
-  ), M = n ? ae : $, q = n ? G : ee, B = n ? H : oe, se = e?.resolved.initResponse, D = !n || !ie && !H && !j && !!o && !G, P = D ? se : j ?? void 0, z = D ? n || (e?.initResponseStaleForToken ?? !1) : te, c = Pe(
+    E
+  ), q = n ? ae : $, B = n ? G : ee, D = n ? M : oe, le = e?.resolved.initResponse, H = !n || !te && !M && !j && !!o && !G, P = H ? le : j ?? void 0, z = H ? n || (e?.initResponseStaleForToken ?? !1) : ie, c = Pe(
     h,
     z ? void 0 : P?.organizationId
   ), W = f(
@@ -90,7 +92,7 @@ function Ze({
     }),
     [u, c]
   );
-  I.current = W;
+  E.current = W;
   const [p] = ke(
     () => e === null ? new me({
       defaultOptions: {
@@ -104,34 +106,34 @@ function Ze({
     const r = p;
     return ce(r), () => pe(r);
   }, [p]);
-  const J = f(
+  const K = f(
     () => ({
-      baseUrl: s,
-      widgetToken: i,
-      organizationId: l,
+      baseUrl: l,
+      widgetToken: t,
+      organizationId: s,
       configClient: g,
       linkComponent: y,
       uiFramework: b,
       implementation: w
     }),
     [
-      s,
-      i,
       l,
+      t,
+      s,
       g,
       y,
       b,
       w
     ]
-  ), K = f(
+  ), J = f(
     () => ({
       baseUrl: v,
       widgetToken: o,
       organizationId: c,
       configClient: d,
-      linkComponent: E,
+      linkComponent: I,
       uiFramework: k,
-      implementation: R,
+      implementation: A,
       initResponse: P
     }),
     [
@@ -139,18 +141,18 @@ function Ze({
       o,
       c,
       d,
-      E,
+      I,
       k,
-      R,
+      A,
       P
     ]
-  ), le = f(
+  ), se = f(
     () => ({
-      resolved: K,
-      own: J,
-      refetch: M,
-      loading: q,
-      error: B,
+      resolved: J,
+      own: K,
+      refetch: q,
+      loading: B,
+      error: D,
       analytics: W,
       // Explicit cascade org (prop > ancestor explicit > global), pre-init
       // fallback. Descendants inherit this instead of the init-derived
@@ -161,22 +163,22 @@ function Ze({
       initResponseStaleForToken: z
     }),
     [
-      K,
       J,
-      M,
+      K,
       q,
       B,
+      D,
       W,
       h,
       z
     ]
-  ), L = /* @__PURE__ */ a(X.Provider, { value: le, children: /* @__PURE__ */ a(
+  ), L = /* @__PURE__ */ a(X.Provider, { value: se, children: /* @__PURE__ */ a(
     Ce,
     {
-      linkComponent: E,
+      linkComponent: I,
       uiFramework: k,
       children: /* @__PURE__ */ a(we, { children: /* @__PURE__ */ a(
-        Ie,
+        Ee,
         {
           resetKeys: [o],
           errorFallback: Z,

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshProvider.js

@@ -1,31 +1,54 @@
 "use client";
-import { jsx as f } from "react/jsx-runtime";
-import { createWidgetTokenManager as u } from "../../../../util/dist/index11.js";
-import { useRef as m, useMemo as g, useEffect as k } from "react";
-import { WidgetTokenRefreshContext as T } from "./WidgetTokenRefreshContext.js";
-function w({
-  fetcher: r,
-  leadSeconds: o,
-  onToken: n,
-  children: d
+import { jsx as T } from "react/jsx-runtime";
+import { createWidgetTokenManager as b } from "../../../../util/dist/index11.js";
+import { useRef as m, useMemo as w, useEffect as v } from "react";
+import { EmbeddedAnalyticsEvent as W } from "../analytics/events.js";
+import { trackWithContext as x } from "../analytics/runtime.js";
+import { WidgetTokenRefreshContext as y } from "./WidgetTokenRefreshContext.js";
+function I({
+  fetcher: o,
+  leadSeconds: n,
+  onToken: s,
+  analytics: g,
+  children: k
 }) {
-  const s = m(n);
-  s.current = n;
-  const e = g(
-    () => u({ fetcher: r, leadSeconds: o }),
-    [r, o]
+  const a = m(s);
+  a.current = s;
+  const i = g !== !1, d = m(i);
+  d.current = i;
+  const r = w(
+    () => b({ fetcher: o, leadSeconds: n }),
+    [o, n]
   );
-  return k(() => {
-    let i;
-    const c = () => {
-      const t = e.getState();
-      t.status === "ready" && t.widgetToken !== i && (i = t.widgetToken, s.current?.(t.widgetToken));
-    }, a = e.subscribe(c);
-    return e.start(), c(), () => {
-      a(), e.stop();
+  return v(() => {
+    let c, t = !1, f = !1;
+    const l = () => {
+      const e = r.getState();
+      if (e.status === "error") {
+        if (!t) {
+          t = !0;
+          const u = d.current;
+          x(
+            W.WidgetTokenRefreshFailed,
+            {
+              error_name: e.error instanceof Error ? e.error.name : "unknown"
+            },
+            { enabled: u, organizationId: void 0 }
+          ), u && "window" in globalThis && import("../analytics/install.js").then(
+            ({ ensureAnalyticsAdapterInstalled: p }) => {
+              f || p();
+            }
+          );
+        }
+        return;
+      }
+      t = !1, e.status === "ready" && e.widgetToken !== c && (c = e.widgetToken, a.current?.(e.widgetToken));
+    }, h = r.subscribe(l);
+    return r.start(), l(), () => {
+      f = !0, h(), r.stop();
     };
-  }, [e]), /* @__PURE__ */ f(T.Provider, { value: e, children: d });
+  }, [r]), /* @__PURE__ */ T(y.Provider, { value: r, children: k });
 }
 export {
-  w as WidgetTokenRefreshProvider
+  I as WidgetTokenRefreshProvider
 };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/useWidgetFetch.js

@@ -1,38 +1,38 @@
 import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../../data-access/dist/lib/EmbedApiContext.js";
-import { fetchWidgetInit as D } from "../../../../data-access/dist/lib/fetchWidgetInit.js";
+import { fetchWidgetInit as O } from "../../../../data-access/dist/lib/fetchWidgetInit.js";
 import "@tanstack/react-query";
 import "../../../../data-access/dist/lib/rest/client.gen.js";
 import "../../../../data-access/dist/lib/rest/zod.gen.js";
-import { useState as i, useRef as f, useEffect as R, useCallback as S } from "react";
-import { EmbeddedAnalyticsEvent as T } from "../analytics/events.js";
-import { trackWithContext as J } from "../analytics/runtime.js";
-import { resolveOrgId as M } from "./utils.js";
-function P(r, e, d) {
-  const [g, l] = i(null), [I, u] = i(!1), [b, c] = i(null), [W, n] = i(!1), [A, C] = i(0), v = f(r), h = f(e), o = f(void 0), a = f(void 0);
+import { useState as c, useRef as m, useEffect as R, useCallback as T } from "react";
+import { EmbeddedAnalyticsEvent as b } from "../analytics/events.js";
+import { trackWithContext as y } from "../analytics/runtime.js";
+import { resolveOrgId as j } from "./utils.js";
+function X(e, r, n) {
+  const [g, s] = c(null), [_, f] = c(!1), [A, l] = c(null), [C, o] = c(!1), [F, z] = c(0), h = m(e), v = m(r), a = m(void 0), u = m(void 0);
   R(() => {
-    const s = v.current !== r, y = h.current !== e;
-    if (v.current = r, h.current = e, !r || !e) {
-      l(null), u(!1), c(null), n(!1), o.current = void 0, a.current = void 0;
+    const d = h.current !== e, x = v.current !== r;
+    if (h.current = e, v.current = r, !e || !r) {
+      s(null), f(!1), l(null), o(!1), a.current = void 0, u.current = void 0;
       return;
     }
-    let m = !1;
-    const E = new AbortController();
-    u(!0), c(null), s ? (l(null), n(!0), o.current = void 0, a.current = void 0) : y && n(!1);
-    const z = typeof performance < "u" ? performance.now() : Date.now();
-    return D({ client: r, widgetToken: e, signal: E.signal }).then(
+    let p = !1;
+    const w = new AbortController();
+    f(!0), l(null), d ? (s(null), o(!0), a.current = void 0, u.current = void 0) : x && o(!1);
+    const k = typeof performance < "u" ? performance.now() : Date.now();
+    return O({ client: e, widgetToken: r, signal: w.signal }).then(
       (t) => {
-        if (m) return;
-        const p = t.data ?? null;
-        if (o.current = p ? e : void 0, a.current = p ? r : void 0, l(p), c(null), n(!1), u(!1), d) {
-          const x = typeof performance < "u" ? performance.now() : Date.now(), w = d.current;
-          J(
-            T.WidgetInitFetched,
-            { duration_ms: Math.round(x - z) },
+        if (p) return;
+        const i = t.data ?? null;
+        if (a.current = i ? r : void 0, u.current = i ? e : void 0, s(i), l(null), o(!1), f(!1), n) {
+          const M = typeof performance < "u" ? performance.now() : Date.now(), E = n.current;
+          y(
+            b.WidgetInitFetched,
+            { duration_ms: Math.round(M - k) },
             {
-              ...w,
-              organizationId: M(
-                w.organizationId,
+              ...E,
+              organizationId: j(
+                E.organizationId,
                 t.data?.organizationId
               )
             }
@@ -40,24 +40,56 @@ function P(r, e, d) {
         }
       },
       (t) => {
-        m || t instanceof Error && t.name === "AbortError" || (s && (l(null), o.current = void 0, a.current = void 0), n(!1), c(
+        if (!(p || t instanceof Error && t.name === "AbortError") && (d && (s(null), a.current = void 0, u.current = void 0), o(!1), l(
           t instanceof Error ? t : new Error("Widget init fetch failed", { cause: t })
-        ), u(!1));
+        ), f(!1), n)) {
+          const i = typeof performance < "u" ? performance.now() : Date.now();
+          y(
+            b.WidgetInitFailed,
+            {
+              duration_ms: Math.round(i - k),
+              ...K(t)
+            },
+            n.current
+          );
+        }
       }
     ), () => {
-      m = !0, E.abort();
+      p = !0, w.abort();
     };
-  }, [r, e, A, d]);
-  const F = S(() => C((s) => s + 1), []), k = g !== null && (o.current !== e || a.current !== r);
+  }, [e, r, F, n]);
+  const D = T(() => z((d) => d + 1), []), S = g !== null && (a.current !== r || u.current !== e);
   return {
     result: g,
-    loading: I,
-    error: b,
-    clearedForAuthChange: W,
-    initStaleForToken: k,
-    refetch: F
+    loading: _,
+    error: A,
+    clearedForAuthChange: C,
+    initStaleForToken: S,
+    refetch: D
+  };
+}
+function W(e) {
+  return typeof e == "object" && e !== null;
+}
+function I(e) {
+  return W(e) ? typeof e.status == "number" || typeof e.status == "string" : !1;
+}
+function q(e) {
+  return I(e) ? !0 : W(e) ? [
+    e.response,
+    e.error,
+    e.data,
+    e.body,
+    e.cause
+  ].some(I) : !1;
+}
+function K(e) {
+  const r = e instanceof Error ? e.name : "unknown";
+  return q(e) ? { error_name: r, error_kind: "http" } : {
+    error_name: r,
+    error_kind: e instanceof Error ? "network" : "unknown"
   };
 }
 export {
-  P as useWidgetFetch
+  X as useWidgetFetch
 };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/events.js

@@ -1,6 +1,8 @@
 const e = {
   WidgetInitFetched: "widget.init.fetched",
+  WidgetInitFailed: "widget.init.failed",
   WidgetError: "widget.error",
+  WidgetTokenRefreshFailed: "widget.token.refresh.failed",
   ApiRequestCompleted: "api.request.completed",
   ApiRequestFailed: "api.request.failed"
 }, t = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH", "DELETE"]);

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/install.js

@@ -0,0 +1,7 @@
+async function n() {
+  const { initPostHogAnalytics: t } = await import("./posthog.js");
+  t();
+}
+export {
+  n as ensureAnalyticsAdapterInstalled
+};