@tesouro/embedded-components-react 0.5.183 → 0.5.185

package/dist/libs/tesouro-embedded-components-react/shared/monite-wrapper/feature/dist/lib/MoniteWrapper.js

@@ -7,78 +7,92 @@ import "../../../../data-access/dist/index.js";
 import { useOptionalWidgetToken as t } from "../../../../feature/dist/lib/WidgetProvider/useWidgetToken.js";
 import { useWidgetConfig as n, useWidgetError as r, useWidgetInitStaleForToken as i } from "../../../../feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../feature/dist/index.js";
-import { MoniteProvider as a } from "../../../../../monite-sdk/dist/index592.js";
+import { RootElementsProvider as a } from "../../../../../monite-sdk/dist/index48.js";
+import { MoniteProvider as o } from "../../../../../monite-sdk/dist/index592.js";
 import "../../../../../monite-sdk/dist/index.js";
-import { useMemo as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { useEffect as s, useLayoutEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/monite-wrapper/feature/dist/lib/MoniteWrapper.js
-var l = 0;
-function u(e) {
+var f = 0, p = "tesouro-embedded-light", m = {
+	color: "var(--ttw-foreground)",
+	background: "var(--ttw-background)"
+}, h = "position: relative; z-index: calc(var(--tesouro-embedded-overlay-z-index, 2147483000) - 1); color: var(--ttw-foreground);", g = typeof document > "u" ? s : c;
+function _() {
+	let [e] = u(() => {
+		if (typeof document > "u") return;
+		let e = document.createElement("div");
+		return e.className = `tesouro-embedded ${p}`, e.setAttribute("style", h), e;
+	});
+	return g(() => {
+		if (e) return document.body.appendChild(e), () => e.remove();
+	}, [e]), e;
+}
+function v(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-function d({ finopsThemeColors: d, children: f }) {
-	let { baseUrl: p, organizationId: m, initResponse: h, widgetToken: g } = n(), { client: _ } = e(), v = t(), y = v !== null, b = v?.state, x = v?.refresh, S = v?.getState, C = y && b?.status === "ready" ? b.widgetToken : g ?? null, w = y && b?.status === "ready" ? b.exp : void 0, T = i(), [E, D] = s(() => ({
-		organizationId: m,
-		widgetToken: C,
-		widgetTokenExp: w
+function y({ finopsThemeColors: s, children: c }) {
+	let h = _(), { baseUrl: g, organizationId: y, initResponse: b, widgetToken: x } = n(), { client: S } = e(), C = t(), w = C !== null, T = C?.state, E = C?.refresh, D = C?.getState, O = w && T?.status === "ready" ? T.widgetToken : x ?? null, k = w && T?.status === "ready" ? T.exp : void 0, A = i(), [j, M] = u(() => ({
+		organizationId: y,
+		widgetToken: O,
+		widgetTokenExp: k
 	}));
-	!T && (E.organizationId !== m || E.widgetToken !== C || E.widgetTokenExp !== w) && D({
-		organizationId: m,
-		widgetToken: C,
-		widgetTokenExp: w
+	!A && (j.organizationId !== y || j.widgetToken !== O || j.widgetTokenExp !== k) && M({
+		organizationId: y,
+		widgetToken: O,
+		widgetTokenExp: k
 	});
-	let O = T ? E.organizationId : m, k = T ? E.widgetToken : C, A = T ? E.widgetTokenExp : w, j = r();
-	if (j) throw j;
-	if (b?.status === "error") throw b.error instanceof Error ? b.error : Error(String(b.error));
-	let M = h?.userId ?? null, N = y ? b?.status === "ready" : !!g, P = o(() => {
-		let e = _.getConfig();
+	let N = A ? j.organizationId : y, P = A ? j.widgetToken : O, F = A ? j.widgetTokenExp : k, I = r();
+	if (I) throw I;
+	if (T?.status === "error") throw T.error instanceof Error ? T.error : Error(String(T.error));
+	let L = b?.userId ?? null, R = w ? T?.status === "ready" : !!x, z = l(() => {
+		let e = S.getConfig();
 		return async (t, n) => {
 			let r = t instanceof Request ? t : new Request(t, n);
-			for (let t of _.interceptors.request.fns) t && (r = await t(r, e));
-			if (T) {
-				if (!k) throw Error("MoniteWrapper.fetch: widget token is not ready during init refresh");
-				r = new Request(r), r.headers.has("X-Client-Secret") ? (r.headers.delete("Authorization"), r.headers.set("X-Widget-Token", k)) : (r.headers.set("Authorization", `Bearer ${k}`), r.headers.has("X-Widget-Token") && r.headers.set("X-Widget-Token", k));
+			for (let t of S.interceptors.request.fns) t && (r = await t(r, e));
+			if (A) {
+				if (!P) throw Error("MoniteWrapper.fetch: widget token is not ready during init refresh");
+				r = new Request(r), r.headers.has("X-Client-Secret") ? (r.headers.delete("Authorization"), r.headers.set("X-Widget-Token", P)) : (r.headers.set("Authorization", `Bearer ${P}`), r.headers.has("X-Widget-Token") && r.headers.set("X-Widget-Token", P));
 			}
-			return (_.getConfig().fetch ?? globalThis.fetch)(r);
+			return (S.getConfig().fetch ?? globalThis.fetch)(r);
 		};
 	}, [
-		_,
-		T,
-		k
-	]), F = o(() => !p || !O ? null : {
-		apiUrl: p,
-		entityId: O,
-		fetch: P,
+		S,
+		A,
+		P
+	]), B = l(() => !g || !N ? null : {
+		apiUrl: g,
+		entityId: N,
+		fetch: z,
 		fetchToken: async () => {
-			if (T) {
-				if (!k) throw Error("MoniteWrapper.fetchToken: widget token is not ready during init refresh");
+			if (A) {
+				if (!P) throw Error("MoniteWrapper.fetchToken: widget token is not ready during init refresh");
 				let e = Date.now() / 1e3;
 				return {
-					access_token: k,
-					expires_in: A === void 0 ? l : Math.max(0, A - e),
+					access_token: P,
+					expires_in: F === void 0 ? f : Math.max(0, F - e),
 					token_type: "Bearer"
 				};
 			}
-			if (!y) {
-				if (!g) throw Error("MoniteWrapper.fetchToken: widget token is not ready");
+			if (!w) {
+				if (!x) throw Error("MoniteWrapper.fetchToken: widget token is not ready");
 				return {
-					access_token: g,
-					expires_in: l,
+					access_token: x,
+					expires_in: f,
 					token_type: "Bearer"
 				};
 			}
-			if (!x || !S) throw Error("MoniteWrapper.fetchToken: token refresh provider is unavailable");
+			if (!E || !D) throw Error("MoniteWrapper.fetchToken: token refresh provider is unavailable");
 			let e = !1, t = () => {
-				let e = S();
-				if (e.status === "error") throw u(e.error);
+				let e = D();
+				if (e.status === "error") throw v(e.error);
 				return e;
 			}, n = (e) => {
 				if (e.status !== "ready") throw Error("MoniteWrapper.fetchToken: widget token is not ready after refresh()");
 				return e;
-			}, r = S();
-			if (r.status === "error") throw u(r.error);
-			if (r.status !== "ready" && (await x(), e = !0, r = t()), r = n(r), r.exp === void 0 && !e && (await x(), r = n(t())), r.exp === void 0 && r.lastError !== void 0) throw u(r.lastError);
-			let i = Date.now() / 1e3, a = r.exp === void 0 ? l : Math.max(0, r.exp - i);
+			}, r = D();
+			if (r.status === "error") throw v(r.error);
+			if (r.status !== "ready" && (await E(), e = !0, r = t()), r = n(r), r.exp === void 0 && !e && (await E(), r = n(t())), r.exp === void 0 && r.lastError !== void 0) throw v(r.lastError);
+			let i = Date.now() / 1e3, a = r.exp === void 0 ? f : Math.max(0, r.exp - i);
 			return {
 				access_token: r.widgetToken,
 				expires_in: a,
@@ -86,35 +100,45 @@ function d({ finopsThemeColors: d, children: f }) {
 			};
 		}
 	}, [
-		p,
-		S,
-		y,
-		T,
-		P,
-		k,
+		g,
+		D,
+		w,
 		A,
-		O,
-		x,
-		g
-	]), I = o(() => new Set(h?.scopes ?? []), [h?.scopes]), L = o(() => {
-		if (!d) return;
+		z,
+		P,
+		F,
+		N,
+		E,
+		x
+	]), V = l(() => new Set(b?.scopes ?? []), [b?.scopes]), H = l(() => {
+		if (!s) return;
 		let e = {};
-		return d.primary && (e.primary = d.primary), d.primaryForeground && (e.primaryForeground = d.primaryForeground), Object.keys(e).length > 0 ? { colors: e } : void 0;
-	}, [d]);
-	return !N || !F || !h || !p || !O ? null : /* @__PURE__ */ c(a, {
-		monite: F,
-		theme: L,
-		userPermissions: I,
-		componentSettings: {
-			receivables: {
-				bankAccountCountries: ["US"],
-				bankAccountCurrencies: ["USD"],
-				enableEntityBankAccount: !0
+		return s.primary && (e.primary = s.primary), s.primaryForeground && (e.primaryForeground = s.primaryForeground), Object.keys(e).length > 0 ? { colors: e } : void 0;
+	}, [s]);
+	return !R || !B || !b || !g || !N ? null : /* @__PURE__ */ d(a, {
+		elements: h ? {
+			root: h,
+			styles: void 0
+		} : void 0,
+		children: /* @__PURE__ */ d(o, {
+			monite: B,
+			theme: H,
+			userPermissions: V,
+			componentSettings: {
+				receivables: {
+					bankAccountCountries: ["US"],
+					bankAccountCurrencies: ["USD"],
+					enableEntityBankAccount: !0
+				},
+				financing: { enableFinanceWidgetButton: !1 }
 			},
-			financing: { enableFinanceWidgetButton: !1 }
-		},
-		children: f
-	}, M ?? "no-user");
+			children: /* @__PURE__ */ d("div", {
+				className: p,
+				style: m,
+				children: c
+			})
+		}, L ?? "no-user")
+	});
 }
 //#endregion
-export { d as MoniteWrapper };
+export { y as MoniteWrapper };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/HostIsolationScope.js

@@ -6,21 +6,21 @@ import { PortalContainerProvider as e, usePortalContainer as t } from "../../../
 import { useEffect as n, useLayoutEffect as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/HostIsolationScope.js
-var o = { display: "contents" }, s = "tesouro-embedded", c = "document" in globalThis ? r : n;
-function l({ children: n }) {
-	let r = t(), [l] = i(() => {
+var o = { display: "contents" }, s = "tesouro-embedded", c = "position: relative; z-index: var(--tesouro-embedded-overlay-z-index, 2147483000);", l = "document" in globalThis ? r : n;
+function u({ children: n }) {
+	let r = t(), [u] = i(() => {
 		if (r != null || !("document" in globalThis)) return null;
 		let e = globalThis.document.createElement("div");
-		return e.classList.add(s), e;
+		return e.classList.add(s), e.setAttribute("style", c), e;
 	});
-	return c(() => {
-		if (!l) return;
-		let e = l, t = globalThis.document?.body;
+	return l(() => {
+		if (!u) return;
+		let e = u, t = globalThis.document?.body;
 		if (t) return t.appendChild(e), () => {
 			e.remove();
 		};
-	}, [l]), /* @__PURE__ */ a(e, {
-		container: l ?? r,
+	}, [u]), /* @__PURE__ */ a(e, {
+		container: u ?? r,
 		children: /* @__PURE__ */ a("div", {
 			className: s,
 			style: o,
@@ -29,4 +29,4 @@ function l({ children: n }) {
 	});
 }
 //#endregion
-export { l as HostIsolationScope };
+export { u as HostIsolationScope };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.183",
+  "version": "0.5.185",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {