@levo-so/react 0.1.40 → 0.1.43

package/dist/membership/index.js

@@ -1,147 +1,221 @@
 "use client";
-var O = Object.defineProperty;
-var R = (e, t, n) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var m = (e, t, n) => R(e, typeof t != "symbol" ? t + "" : t, n);
-import { j as p } from "../jsx-runtime-D0AQ1Mn7.js";
-import j, { useState as g, useEffect as x, useMemo as y, useContext as P, useRef as U, useCallback as W } from "react";
-import { useLevo as _ } from "../providers/index.js";
-const L = j.createContext({
+var $ = Object.defineProperty;
+var I = (o, t, n) => t in o ? $(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n;
+var O = (o, t, n) => I(o, typeof t != "symbol" ? t + "" : t, n);
+import { j as g } from "../jsx-runtime-D0AQ1Mn7.js";
+import { S as N } from "../Spinner-DBvVyDMF.js";
+import S, { useState as x, useEffect as L, useMemo as W, useContext as _, useRef as b, useCallback as P } from "react";
+import { useLevo as E } from "../providers/index.js";
+const U = S.createContext({
   urls: null,
   title: "",
+  isLoading: !1,
   onSuccess: () => {
   },
   onError: () => {
   }
-}), b = ({
-  title: e,
+}), A = ({
+  title: o,
   onSuccess: t,
   onError: n,
-  children: s
+  children: c
 }) => {
-  const c = _(), i = typeof window < "u" ? window.location.href : "", [o, r] = g(null);
-  x(() => {
-    var u;
-    c.membership && ((u = c.membership) == null || u.getOAuthURL().then((a) => {
-      r(a);
+  const i = E(), l = typeof window < "u" ? window.location.href : "", [s, e] = x(null), [h, f] = x(!1);
+  L(() => {
+    var r;
+    i.membership && (f(!0), (r = i.membership) == null || r.getOAuthURL().then((p) => {
+      e(p);
     }).catch(() => {
       n({
         code: "SOMETHING_WENT_WRONG",
         message: "We could not connect with our service for your sign-in."
       });
+    }).finally(() => {
+      f(!1);
     }));
   }, []);
-  const f = y(
-    () => ({ title: e, urls: o, onSuccess: t, onError: n }),
-    [e, o, t, n]
+  const d = W(
+    () => ({ title: o, urls: s, isLoading: h, onSuccess: t, onError: n }),
+    [o, s, t, n, h]
   );
-  return x(() => {
-    if (o && i) {
-      const u = {}, a = Object.keys(o);
-      for (const h of a)
+  return L(() => {
+    if (s && l) {
+      const r = {}, p = Object.keys(s);
+      for (const m of p)
         try {
-          const l = o[h];
-          if (l) {
-            const w = new URL(l), d = w.searchParams;
-            d.set("redirect_uri", i);
-            const C = c.pageContext;
-            C && d.set("page_context", JSON.stringify(C)), u[h] = w.toString();
+          const w = s[m];
+          if (w) {
+            const v = new URL(w), y = v.searchParams;
+            y.set("redirect_uri", l);
+            const C = i.pageContext;
+            C && y.set("page_context", JSON.stringify(C)), r[m] = v.toString();
           }
         } catch {
         }
-      r(u);
+      e(r);
     }
-  }, [i]), /* @__PURE__ */ p.jsx(L.Provider, { value: f, children: s });
-}, k = () => P(L), A = ({ url: e, title: t, height: n, width: s }) => {
-  const c = window.screenX + (window.outerWidth - s) / 2, i = window.screenY + (window.outerHeight - n) / 2.5;
+  }, [l]), /* @__PURE__ */ g.jsx(U.Provider, { value: d, children: c });
+}, k = () => _(U), T = ({ url: o, title: t, height: n, width: c }) => {
+  const i = window.screenX + (window.outerWidth - c) / 2, l = window.screenY + (window.outerHeight - n) / 2.5;
   return window.open(
-    e,
+    o,
     t,
-    `width=${s},height=${n},left=${c},top=${i}`
+    `width=${c},height=${n},left=${i},top=${l}`
   );
-}, E = ({
-  title: e = "",
+}, G = ({
+  title: o = "",
   width: t = 500,
   height: n = 500,
-  url: s,
-  children: c,
-  onCode: i,
-  onClose: o
+  url: c,
+  children: i,
+  onCode: l,
+  onClose: s
 }) => {
-  const [r, f] = g(), u = U(), a = () => {
-    window.clearInterval(u.current);
-  }, h = () => {
-    f(
-      A({
-        url: s,
-        title: e,
+  const [e, h] = x(), f = b(), d = () => {
+    window.clearInterval(f.current);
+  }, r = () => {
+    h(
+      T({
+        url: c,
+        title: o,
         width: t,
         height: n
       })
     );
   };
-  return x(() => (r && (u.current = window.setInterval(() => {
+  return L(() => (e && (f.current = window.setInterval(() => {
     try {
-      const l = r.location.href, w = new URL(l).searchParams, d = w.get("code");
-      if (!d)
+      const p = e.location.href, m = new URL(p).searchParams, w = m.get("code");
+      if (!w)
         return;
-      i(d, w), a(), r.close();
+      l(w, m), d(), e.close();
     } catch {
     } finally {
-      (!r || r.closed) && (o(), a());
+      (!e || e.closed) && (s(), d());
     }
   }, 700)), () => {
-    r && r.close(), o && o();
-  }), [r]), /* @__PURE__ */ p.jsx(
+    e && e.close(), s && s();
+  }), [e]), /* @__PURE__ */ g.jsx(
     "div",
     {
       onClick: () => {
-        h();
+        r();
       },
-      children: c
+      children: i
     }
   );
-}, S = ({
-  title: e = "Levo",
+}, H = ({
+  title: o = "Levo",
   url: t,
   children: n,
-  onSuccess: s,
-  onError: c,
-  width: i = 500,
-  height: o = 700
+  onSuccess: c,
+  onError: i,
+  width: l = 500,
+  height: s = 700
 }) => {
-  const r = W((f, u) => {
-    f.toLowerCase() === "success" ? s(u) : c(u);
+  const e = P((h, f) => {
+    h.toLowerCase() === "success" ? c(f) : i(f);
   }, []);
-  return /* @__PURE__ */ p.jsx(
-    E,
+  return /* @__PURE__ */ g.jsx(
+    G,
     {
-      title: e,
-      width: i,
-      height: o,
+      title: o,
+      width: l,
+      height: s,
       onClose: () => {
       },
       url: t,
-      onCode: r,
+      onCode: e,
       children: n
     }
   );
-}, N = ({ children: e, provider: t }) => {
-  const { title: n, urls: s, onSuccess: c, onError: i } = k(), o = s == null ? void 0 : s[t];
-  return o ? /* @__PURE__ */ p.jsx(
-    S,
+}, M = ({ children: o, provider: t }) => {
+  const { title: n, urls: c, isLoading: i, onSuccess: l, onError: s } = k(), e = c == null ? void 0 : c[t];
+  return e ? /* @__PURE__ */ g.jsx(
+    H,
     {
       title: n,
       provider: t,
-      url: o,
-      onSuccess: c,
-      onError: i,
-      children: e
+      url: e,
+      onSuccess: l,
+      onError: s,
+      children: i ? /* @__PURE__ */ g.jsx("div", { className: "w-full items-center justify-center", children: /* @__PURE__ */ g.jsx(N, { className: "h-5 w-5 bg-brand" }) }) : o
     }
   ) : null;
+}, B = ({ url: o, title: t, height: n, width: c }) => {
+  const i = window.screenX + (window.outerWidth - c) / 2, l = window.screenY + (window.outerHeight - n) / 2.5;
+  return window.open(
+    o,
+    t,
+    `width=${c},height=${n},left=${i},top=${l}`
+  );
+}, D = ({
+  title: o = "Levo",
+  width: t = 500,
+  height: n = 700,
+  onSuccess: c
+}) => {
+  const i = E(), [l, s] = x(!1), [e, h] = x(null), [f, d] = x(null), [r, p] = x(), m = b(), w = () => {
+    window.clearInterval(m.current);
+  }, v = P((a, u) => {
+    a.toLowerCase() === "success" ? (d(null), c(u)) : d(u);
+  }, []);
+  L(() => {
+    var a;
+    i.membership && (s(!0), (a = i.membership) == null || a.getOAuthURL().then((u) => {
+      if (u)
+        return h(u), u;
+      throw new Error();
+    }).catch(() => {
+      d({
+        code: "SOMETHING_WENT_WRONG",
+        message: "We could not connect with our service for your sign-in."
+      });
+    }).finally(() => {
+      s(!1);
+    }));
+  }, []), L(() => (r && (m.current = window.setInterval(() => {
+    try {
+      const a = r.location.href, u = new URL(a).searchParams, R = u.get("code");
+      if (!R)
+        return;
+      v(R, u), w(), r.close();
+    } catch {
+    } finally {
+      (!r || r.closed) && (w(), d(null));
+    }
+  }, 700)), () => {
+    r && r.close();
+  }), [r]);
+  const y = P(
+    (a) => {
+      if (a && e !== null) {
+        const u = e == null ? void 0 : e[a];
+        u && (r && r.close(), p(
+          B({
+            url: u,
+            title: o,
+            width: t,
+            height: n
+          })
+        ));
+      }
+    },
+    [e, r]
+  );
+  return {
+    providers: W(() => e !== null ? Object.keys(e).filter(
+      (a) => !!e[a]
+    ) : [], [e]),
+    isLoading: l,
+    error: f,
+    launchPopup: y
+  };
 };
-class v {
+class j {
 }
-m(v, "Container", b), m(v, "Button", N);
+O(j, "Container", A), O(j, "Button", M);
 export {
-  v as LevoOAuth
+  j as LevoOAuth,
+  D as useLevoOAuth
 };

package/dist/membership/useLevoOAuth.d.ts

@@ -0,0 +1,17 @@
+import { ILevoMembership } from '@levo-so/core';
+export interface IUseLevoOAuthProps {
+    title?: string;
+    onSuccess: (data: Record<string, string>) => void;
+    width?: number;
+    height?: number;
+}
+export declare const useLevoOAuth: ({ title, width, height, onSuccess, }: IUseLevoOAuthProps) => {
+    providers: ("google" | "linkedin" | "microsoft")[];
+    isLoading: boolean;
+    error: {
+        code: string;
+        message: string;
+    } | null;
+    launchPopup: (provider: ILevoMembership.OAuthURLProvider) => void;
+};
+//# sourceMappingURL=useLevoOAuth.d.ts.map

package/dist/membership/useLevoOAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLevoOAuth.d.ts","sourceRoot":"","sources":["../../src/membership/useLevoOAuth.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAsBrD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,sCAK1B,kBAAkB;;;;cAMX,MAAM;iBACH,MAAM;;4BA2EJ,eAAe,CAAC,gBAAgB;CAsC9C,CAAC"}

package/dist/utils/errorHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorHandler.d.ts","sourceRoot":"","sources":["../../src/utils/errorHandler.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI,OAAO,GAAG,sCAMtC,CAAC"}
+{"version":3,"file":"errorHandler.d.ts","sourceRoot":"","sources":["../../src/utils/errorHandler.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI,OAAO,GAAG,sCAQtC,CAAC"}

package/dist/utils/index.js

@@ -1,5 +1,5 @@
-import { b as a, e as r, i as t, a as i, c, f as b, d as o } from "../isEmptyObject-B9yh0nbg.js";
-import { c as d } from "../Sonner-5IAqCkBs.js";
+import { b as a, e as r, i as t, a as i, c, f as b, d as o } from "../isEmptyObject-BoIi0jMB.js";
+import { c as d } from "../cn-C9QoOYNG.js";
 export {
   a as byteToSize,
   d as cn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.40",
+  "version": "0.1.43",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo suite for React based applications",
   "type": "module",
@@ -16,7 +16,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@levo-so/core": "0.1.37"
+    "@levo-so/core": "0.1.43"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "1.1.1",