@levo-so/react 0.1.77 → 0.1.79

package/dist/membership/components/Button.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useLevoOAuth as c } from "./Container.js";
+import m from "./Core.js";
+import { Spinner as a } from "../../components/Spinner.js";
+const A = ({ children: o, provider: t }) => {
+  const { title: n, urls: s, isLoading: u, onSuccess: i, onError: l } = c(), e = s?.[t];
+  return e ? /* @__PURE__ */ r(m, { title: n, provider: t, url: e, onSuccess: i, onError: l, children: u ? /* @__PURE__ */ r("div", { className: "w-full items-center justify-center", children: /* @__PURE__ */ r(a, { className: "h-5 w-5 bg-brand" }) }) : o }) : null;
+};
+export {
+  A as LevoOAuthButton,
+  A as default
+};

package/dist/membership/components/Container.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as y } from "react/jsx-runtime";
+import w, { useState as g, useEffect as p, useMemo as C, useContext as _ } from "react";
+import { useLevo as R } from "../../providers/LevoProvider.js";
+const L = w.createContext({
+  urls: null,
+  title: "",
+  isLoading: !1,
+  onSuccess: () => {
+  },
+  onError: () => {
+  }
+}), S = ({ title: c, onSuccess: i, onError: o, children: O }) => {
+  const s = R(), n = typeof window < "u" ? window.location.href : "", [t, u] = g(null), [a, f] = g(!1);
+  p(() => {
+    s.membership && (f(!0), s.membership?.getOAuthURL().then((e) => {
+      u(e);
+    }).catch((e) => {
+      o({
+        code: e?.code || "SOMETHING_WENT_WRONG",
+        message: e?.message || "We could not connect with our service for your sign-in."
+      });
+    }).finally(() => {
+      f(!1);
+    }));
+  }, []);
+  const x = C(
+    () => ({ title: c, urls: t, isLoading: a, onSuccess: i, onError: o }),
+    [c, t, i, o, a]
+  );
+  return p(() => {
+    if (t && n) {
+      const e = {}, v = Object.keys(t);
+      for (const l of v)
+        try {
+          const r = t[l];
+          if (r) {
+            const m = new URL(r), h = m.searchParams;
+            h.set("redirect_uri", n);
+            const d = s.pageContext;
+            d && h.set("page_context", JSON.stringify(d)), e[l] = m.toString();
+          }
+        } catch {
+        }
+      u(e);
+    }
+  }, [n]), /* @__PURE__ */ y(L.Provider, { value: x, children: O });
+}, U = () => _(L);
+export {
+  S as default,
+  U as useLevoOAuth
+};

package/dist/membership/components/Core.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useCallback as m } from "react";
+import p from "./Popup.js";
+const x = ({
+  title: e = "Levo",
+  url: r,
+  children: t,
+  onSuccess: s,
+  onError: u,
+  width: n = 500,
+  height: c = 700
+}) => {
+  const l = m((f, o) => {
+    f.toLowerCase() === "success" ? s(o) : u(o);
+  }, []);
+  return /* @__PURE__ */ i(
+    p,
+    {
+      title: e,
+      width: n,
+      height: c,
+      onClose: () => {
+      },
+      url: r,
+      onCode: l,
+      children: t
+    }
+  );
+};
+export {
+  x as default
+};

package/dist/membership/components/Popup.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { useState as x, useRef as h, useEffect as v } from "react";
+const P = ({ url: o, title: c, height: t, width: n }) => {
+  const i = window.screenX + (window.outerWidth - n) / 2, s = window.screenY + (window.outerHeight - t) / 2.5;
+  return window.open(
+    o,
+    c,
+    `width=${n},height=${t},left=${i},top=${s}`
+  );
+}, W = ({
+  title: o = "",
+  width: c = 500,
+  height: t = 500,
+  url: n,
+  children: i,
+  onCode: s,
+  onClose: r
+}) => {
+  const [e, f] = x(), a = h(void 0), l = () => {
+    window.clearInterval(a.current);
+  }, p = () => {
+    f(
+      P({
+        url: n,
+        title: o,
+        width: c,
+        height: t
+      })
+    );
+  };
+  return v(() => (e && (a.current = window.setInterval(() => {
+    try {
+      const u = e.location.href, w = new URL(u).searchParams, d = w.get("code");
+      if (!d)
+        return;
+      s(d, w), l(), e.close();
+    } catch {
+    } finally {
+      (!e || e.closed) && (r(), l());
+    }
+  }, 700)), () => {
+    e && e.close(), r && r();
+  }), [e]), /* @__PURE__ */ m(
+    "div",
+    {
+      onClick: () => {
+        p();
+      },
+      children: i
+    }
+  );
+};
+export {
+  W as default
+};

package/dist/membership/index.js

@@ -0,0 +1,9 @@
+import { LevoOAuthButton as t } from "./components/Button.js";
+import o from "./components/Container.js";
+class n {
+  static Container = o;
+  static Button = t;
+}
+export {
+  n as LevoOAuth
+};

package/dist/membership/useLevoOAuth.js

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

package/dist/providers/LevoProvider.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as i, useContext as o } from "react";
+const t = i({
+  client: null,
+  insights: null
+}), v = ({ children: e, client: n, insights: r = null }) => /* @__PURE__ */ s(t.Provider, { value: { client: n, insights: r }, children: e }), l = () => {
+  const e = o(t);
+  if (!e.client)
+    throw new Error(
+      "useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider."
+    );
+  return e.client;
+}, x = () => o(t).insights;
+export {
+  v as LevoProvider,
+  l as useLevo,
+  x as useLevoInsights
+};

package/dist/utils/byteToSize.js

@@ -0,0 +1,9 @@
+const s = (t, o = 2) => {
+  if (t === 0) return "0 B";
+  const B = 1024, r = o < 0 ? 0 : o, n = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], e = Math.floor(Math.log(t) / Math.log(B));
+  return `${Number.parseFloat((t / B ** e).toFixed(r))} ${n[e]}`;
+};
+export {
+  s as byteToSize,
+  s as default
+};

package/dist/utils/cn.js

@@ -0,0 +1,7 @@
+import { clsx as t } from "clsx";
+import { twMerge as o } from "tailwind-merge";
+const c = (...r) => o(t(r));
+export {
+  c as cn,
+  c as default
+};

package/dist/utils/errorHandler.js

@@ -0,0 +1,11 @@
+import { getLevoError as s } from "@levo-so/core";
+import { errorToast as t } from "../components/Sonner.js";
+const E = (o) => {
+  const r = s(o);
+  return r?.code === "REQUEST_TIMEOUT" || r?.code === "NETWORK_ERROR" || r?.status === 408 || r?.status === 0 || t(r?.message || "", r?.title || "Error", {
+    id: `${r?.title || ""}-${r?.message || ""}`
+  }), r;
+};
+export {
+  E as errorHandler
+};

package/dist/utils/isDateObject.js

@@ -0,0 +1,4 @@
+const e = (t) => t instanceof Date;
+export {
+  e as isDateObject
+};

package/dist/utils/isEmptyObject.js

@@ -0,0 +1,5 @@
+import { isObject as e } from "./isObject.js";
+const o = (t) => e(t) && !Object.keys(t).length;
+export {
+  o as isEmptyObject
+};

package/dist/utils/isNullOrUndefined.js

@@ -0,0 +1,4 @@
+const n = (l) => l == null;
+export {
+  n as isNullOrUndefined
+};

package/dist/utils/isObject.js

@@ -0,0 +1,7 @@
+import { isDateObject as r } from "./isDateObject.js";
+import { isNullOrUndefined as o } from "./isNullOrUndefined.js";
+const i = (t) => typeof t == "object", c = (t) => !o(t) && !Array.isArray(t) && i(t) && !r(t);
+export {
+  c as isObject,
+  i as isObjectType
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo suite for React based applications",
   "type": "module",
@@ -16,8 +16,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@levo-so/core": "0.1.76",
-    "@levo-so/insights": "0.1.76"
+    "@levo-so/core": "0.1.79",
+    "@levo-so/insights": "0.1.79"
   },
   "dependencies": {
     "class-variance-authority": "0.7.0",
@@ -42,16 +42,17 @@
     "typescript": "5.9.3",
     "vite": "7.2.4",
     "vite-plugin-dts": "4.1.0",
+    "vite-plugin-externalize-deps": "0.10.0",
+    "@levo-so/core": "0.1.79",
     "@levo/ts-config": "0.0.0",
     "@levo/tw-config": "0.0.0",
-    "@levo-so/core": "0.1.76",
-    "@levo-so/insights": "0.1.76"
+    "@levo-so/insights": "0.1.79"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    "./index.css": "./dist/index.css",
+    "./index.css": "./dist/styles/index.css",
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"