@levo-so/react 0.1.86 → 0.1.108

package/dist/membership/useLevoOAuth.js

@@ -0,0 +1,57 @@
+import { useLevo as e } from "../providers/LevoProvider.js";
+import { getLevoError as t } from "@levo-so/core";
+import { useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+//#region src/membership/useLevoOAuth.tsx
+var s = ({ url: e, title: t, height: n, width: r }) => {
+	let i = window.screenX + (window.outerWidth - r) / 2, a = window.screenY + (window.outerHeight - n) / 2.5;
+	return window.open(e, t, `width=${r},height=${n},left=${i},top=${a}`);
+}, c = ({ title: c = "Levo", width: l = 500, height: u = 700, onSuccess: d }) => {
+	let f = e(), [p, m] = o(!1), [h, g] = o(null), [_, v] = o(null), [y, b] = o(), x = a(void 0), S = () => {
+		window.clearInterval(x.current);
+	}, C = n((e, t) => {
+		e.toLowerCase() === "success" ? (v(null), d(t)) : v(t);
+	}, []);
+	r(() => {
+		f.membership && (m(!0), f.membership?.getOAuthURL().then((e) => {
+			if (e) return g(e), e;
+			throw Error();
+		}).catch((e) => {
+			let n = t(e);
+			f.logger?.error("Failed to get OAuth URL", { exception: n }), v({
+				code: n?.code || "SOMETHING_WENT_WRONG",
+				message: n?.message || "We could not connect with our service for your sign-in."
+			});
+		}).finally(() => {
+			m(!1);
+		}));
+	}, []), r(() => (y && (x.current = window.setInterval(() => {
+		try {
+			let e = y.location.href, t = new URL(e).searchParams, n = t.get("code");
+			if (!n) return;
+			C(n, t), S(), y.close();
+		} catch {} finally {
+			(!y || y.closed) && (S(), v(null));
+		}
+	}, 700)), () => {
+		y && y.close();
+	}), [y]);
+	let w = n((e) => {
+		if (e && h !== null) {
+			let t = h?.[e];
+			t && (y && y.close(), b(s({
+				url: t,
+				title: c,
+				width: l,
+				height: u
+			})));
+		}
+	}, [h, y]);
+	return {
+		providers: i(() => h === null ? [] : Object.keys(h).filter((e) => !!h[e]), [h]),
+		isLoading: p,
+		error: _,
+		launchPopup: w
+	};
+};
+//#endregion
+export { c as useLevoOAuth };

package/dist/providers/LevoProvider.js

@@ -0,0 +1,20 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/providers/LevoProvider.tsx
+var r = e({
+	client: null,
+	insights: null
+}), i = ({ children: e, client: t, insights: i = null }) => /* @__PURE__ */ n(r.Provider, {
+	value: {
+		client: t,
+		insights: i
+	},
+	children: e
+}), a = () => {
+	let e = t(r);
+	if (!e.client) throw Error("useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider.");
+	return e.client;
+}, o = () => t(r).insights;
+//#endregion
+export { i as LevoProvider, a as useLevo, o as useLevoInsights };