@resenty/widget 0.0.0

package/dist/chunks/ui-f9sPMhJV.js

@@ -0,0 +1,135 @@
+import { i as __toESM, n as require_react, t as require_react_dom } from "./react-dom-B4CdVWWC.js";
+import { a as QueryClientProvider, s as require_jsx_runtime, t as CoreContext } from "./core-Cpyk9a29.js";
+var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+const noop = (...e) => {}, createDeferredPromise = () => {
+	let e = noop, y = noop;
+	return {
+		promise: new Promise((b, x) => {
+			e = b, y = x;
+		}),
+		resolve: e,
+		reject: y
+	};
+};
+var componentImportPaths = { chat: () => import("./chat-CZS20945.js") };
+const Components = { chat: (0, import_react.lazy)(() => componentImportPaths.chat().then((e) => ({ default: e.Chat }))) }, preloadComponent = async (e) => componentImportPaths[e]?.();
+var import_react_dom$1 = /* @__PURE__ */ __toESM(require_react_dom(), 1);
+const Portal = (e) => {
+	let { node: y, component: b, props: x } = e;
+	return import_react_dom$1.createPortal((0, import_react.createElement)(b, x), y);
+};
+var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom()), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime()), ROOT_ELEMENT_ID = "resenty-components", useSafeLayoutEffect = typeof window < "u" ? import_react.useLayoutEffect : import_react.useEffect;
+const mountComponentRenderer = (e) => {
+	let y = document.getElementById(ROOT_ELEMENT_ID);
+	y || (y = document.createElement("div"), y.id = ROOT_ELEMENT_ID, document.body.appendChild(y));
+	let b;
+	return { ensureMounted: async (S) => {
+		let { preloadHint: C } = S || {};
+		if (!b) {
+			let S = createDeferredPromise();
+			C && preloadComponent(C), b = import("./react-root-ChAKSfvh.js").then(({ createRoot: b }) => (b(y, {
+				onCaughtError(e, y) {
+					console.error(e, y);
+				},
+				onRecoverableError(e, y) {
+					console.error(e, y);
+				},
+				onUncaughtError(e, y) {
+					console.error(e, y);
+				}
+			}).render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientProvider, {
+				client: e.queryClient,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentRenderer, {
+					core: e,
+					root: y,
+					onComponentsMounted: S.resolve
+				})
+			})), S.promise.then(() => componentsControls)));
+		}
+		return b.then((e) => e);
+	} };
+};
+function assertDOMElement(e) {
+	if (!e) throw Error("DOM element not found");
+}
+var portalCt = 0, componentsControls = {}, ComponentRenderer = (e) => {
+	let { core: y, onComponentsMounted: b } = e, [x, S] = import_react.useState({
+		nodes: /* @__PURE__ */ new Map(),
+		appearance: void 0,
+		options: void 0,
+		chat: {
+			shown: !1,
+			props: void 0
+		}
+	}), { nodes: w } = x;
+	return useSafeLayoutEffect(() => {
+		componentsControls.mountComponent = (e) => {
+			let { node: y, name: b, props: x } = e;
+			assertDOMElement(y), S((e) => {
+				let S = new Map(e.nodes);
+				return S.set(y, {
+					key: `p${++portalCt}`,
+					name: b,
+					props: x
+				}), {
+					...e,
+					nodes: S
+				};
+			});
+		}, componentsControls.unmountComponent = (e) => {
+			let { node: y } = e;
+			S((e) => {
+				let b = new Map(e.nodes);
+				return b.delete(y), {
+					...e,
+					nodes: b
+				};
+			});
+		}, componentsControls.updateProps = ({ node: e, props: y,...b }) => {
+			if (e && y && typeof y == "object") {
+				let b = x.nodes.get(e);
+				if (b) {
+					b.props = { ...y }, S((e) => ({ ...e }));
+					return;
+				}
+			}
+			S((e) => ({
+				...e,
+				...b
+			}));
+		}, b();
+	}, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CoreContext.Provider, {
+		value: { value: y },
+		children: [[...w].map(([e, y]) => {
+			let b = e.querySelector(".resenty-namespace");
+			b || (b = document.createElement("div"), b.classList.add("resenty-namespace"), b.id = buildName(y.name), e.appendChild(b));
+			let x = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
+				fallback: "",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
+					node: b,
+					component: Components[y.name],
+					props: y.props,
+					componentName: y.name
+				})
+			});
+			return import_react_dom.createPortal(x, e);
+		}), x.chat.shown && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
+			fallback: "",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				id: buildName("chat"),
+				className: "resenty-namespace",
+				children: import_react.createElement(Components.chat, x.chat.props)
+			})
+		})]
+	});
+}, buildName = (e) => `resenty-${e}`, ResentyUI = class {
+	#e;
+	#t;
+	constructor(e) {
+		this.#t = e, this.#e = mountComponentRenderer(this.#t);
+	}
+	async ensureMounted(e) {
+		return this.#e.ensureMounted(e);
+	}
+};
+export { ResentyUI };