@tesouro/embedded-components-react 0.5.191 → 0.5.192

package/dist/index.css

@@ -6526,6 +6526,9 @@
   .ttw\:\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
     rotate: 180deg;
   }
+  .dark .ttw\:\[\.dark_\&\]\:bg-background {
+    background-color: var(--ttw-background);
+  }
   @media (resolution>192dpi) {
     .ttw\:\[\@media\(resolution\>192dpi\)\]\:min-h-\[1828px\] {
       min-height: 1828px;

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

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.191", n = "27d8e432f21009e0016c93854d73658efc2fa56d", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.192", n = "c40bf1339e86a7e0b4ce30d2858057a4d0127772", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -13,35 +13,32 @@ import "../../../../../monite-sdk/dist/index.js";
 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 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 _() {
+var f = 0, p = "tesouro-embedded-light", m = `${p} ttw:[.dark_&]:bg-background`, h = { color: "var(--ttw-foreground)" }, g = "position: relative; z-index: calc(var(--tesouro-embedded-overlay-z-index, 2147483000) - 1); color: var(--ttw-foreground);", _ = typeof document > "u" ? s : c;
+function v() {
 	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 e.className = `tesouro-embedded ${p}`, e.setAttribute("style", g), e;
 	});
-	return g(() => {
+	return _(() => {
 		if (e) return document.body.appendChild(e), () => e.remove();
 	}, [e]), e;
 }
-function v(e) {
+function y(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-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,
+function b({ finopsThemeColors: s, children: c }) {
+	let p = v(), { baseUrl: g, organizationId: _, 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: _,
 		widgetToken: O,
 		widgetTokenExp: k
 	}));
-	!A && (j.organizationId !== y || j.widgetToken !== O || j.widgetTokenExp !== k) && M({
-		organizationId: y,
+	!A && (j.organizationId !== _ || j.widgetToken !== O || j.widgetTokenExp !== k) && M({
+		organizationId: _,
 		widgetToken: O,
 		widgetTokenExp: k
 	});
-	let N = A ? j.organizationId : y, P = A ? j.widgetToken : O, F = A ? j.widgetTokenExp : k, I = r();
+	let N = A ? j.organizationId : _, 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(() => {
@@ -84,14 +81,14 @@ function y({ finopsThemeColors: s, children: c }) {
 			if (!E || !D) throw Error("MoniteWrapper.fetchToken: token refresh provider is unavailable");
 			let e = !1, t = () => {
 				let e = D();
-				if (e.status === "error") throw v(e.error);
+				if (e.status === "error") throw y(e.error);
 				return e;
 			}, n = (e) => {
 				if (e.status !== "ready") throw Error("MoniteWrapper.fetchToken: widget token is not ready after refresh()");
 				return e;
 			}, 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);
+			if (r.status === "error") throw y(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 y(r.lastError);
 			let i = Date.now() / 1e3, a = r.exp === void 0 ? f : Math.max(0, r.exp - i);
 			return {
 				access_token: r.widgetToken,
@@ -116,8 +113,8 @@ function y({ finopsThemeColors: s, children: c }) {
 		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,
+		elements: p ? {
+			root: p,
 			styles: void 0
 		} : void 0,
 		children: /* @__PURE__ */ d(o, {
@@ -133,12 +130,12 @@ function y({ finopsThemeColors: s, children: c }) {
 				financing: { enableFinanceWidgetButton: !1 }
 			},
 			children: /* @__PURE__ */ d("div", {
-				className: p,
-				style: m,
+				className: m,
+				style: h,
 				children: c
 			})
 		}, L ?? "no-user")
 	});
 }
 //#endregion
-export { y as MoniteWrapper };
+export { b as MoniteWrapper };

package/package.json

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