@rift-finance/react 0.1.2 → 0.2.0

package/dist/rift-react.js

@@ -1,31 +1,31 @@
-import { jsx as T, jsxs as te } from "react/jsx-runtime";
-import { createContext as re, useMemo as O, useState as p, useRef as z, useCallback as y, useEffect as w, useContext as ne } from "react";
-let c = null, I = !1, E = [], x = null;
-const d = /* @__PURE__ */ new Map();
-function G() {
+import { jsx as P, jsxs as te } from "react/jsx-runtime";
+import { createContext as re, useMemo as j, useState as w, useRef as G, useCallback as E, useEffect as y, useContext as ne } from "react";
+let d = null, C = !1, M = [], T = null;
+const u = /* @__PURE__ */ new Map();
+function X() {
   return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 9)}`;
 }
-function J(e) {
+function Q(e) {
   if (typeof document > "u")
     return Promise.reject(new Error("Cannot mount refresh iframe outside the browser"));
-  if (c && I) return Promise.resolve();
-  if (x = new URL(e.widgetUrl).origin, !c) {
-    c = document.createElement("iframe"), c.setAttribute("aria-hidden", "true"), c.setAttribute("tabindex", "-1"), c.title = "Rift session refresh", c.style.cssText = "position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none;left:-9999px;top:-9999px;";
-    const s = new URLSearchParams({
+  if (d && C) return Promise.resolve();
+  if (T = new URL(e.widgetUrl).origin, !d) {
+    d = document.createElement("iframe"), d.setAttribute("aria-hidden", "true"), d.setAttribute("tabindex", "-1"), d.title = "Rift session refresh", d.style.cssText = "position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none;left:-9999px;top:-9999px;";
+    const i = new URLSearchParams({
       key: e.apiKey,
       headless: "1"
     });
-    c.src = `${e.widgetUrl.replace(/\/$/, "")}/?${s.toString()}`, document.body.appendChild(c), window.addEventListener("message", (i) => {
-      if (i.origin !== x) return;
-      const t = i.data;
+    d.src = `${e.widgetUrl.replace(/\/$/, "")}/?${i.toString()}`, document.body.appendChild(d), window.addEventListener("message", (o) => {
+      if (o.origin !== T) return;
+      const t = o.data;
       if (!(!t || typeof t != "object" || typeof t.type != "string") && t.type.startsWith("rift:")) {
         if (t.type === "rift:ready") {
-          I = !0, E.forEach((n) => n()), E = [];
+          C = !0, M.forEach((n) => n()), M = [];
           return;
         }
         if (t.type === "rift:refresh-result") {
-          const n = d.get(t.requestId);
-          n && (d.delete(t.requestId), n.resolve({
+          const n = u.get(t.requestId);
+          n && (u.delete(t.requestId), n.resolve({
             accessToken: t.accessToken,
             expiresAt: t.expiresAt,
             expiresIn: t.expiresIn
@@ -33,62 +33,62 @@ function J(e) {
           return;
         }
         if (t.type === "rift:refresh-error") {
-          const n = d.get(t.requestId);
-          n && (d.delete(t.requestId), n.reject(new Error(t.message || "Refresh failed")));
+          const n = u.get(t.requestId);
+          n && (u.delete(t.requestId), n.reject(new Error(t.message || "Refresh failed")));
           return;
         }
         if (t.type === "rift:logout-result") {
-          const n = d.get(t.requestId);
-          n && (d.delete(t.requestId), n.resolve({ accessToken: "", expiresAt: "", expiresIn: 0 }));
+          const n = u.get(t.requestId);
+          n && (u.delete(t.requestId), n.resolve({ accessToken: "", expiresAt: "", expiresIn: 0 }));
         }
       }
     });
   }
-  return I ? Promise.resolve() : new Promise((s) => {
-    E.push(s), setTimeout(() => {
-      if (!I) {
-        const i = E.shift();
-        i && i();
+  return C ? Promise.resolve() : new Promise((i) => {
+    M.push(i), setTimeout(() => {
+      if (!C) {
+        const o = M.shift();
+        o && o();
       }
     }, 8e3);
   });
 }
-async function Y(e) {
-  if (await J(e), !c?.contentWindow || !x)
+async function J(e) {
+  if (await Q(e), !d?.contentWindow || !T)
     throw new Error("Refresh iframe is not available");
-  const s = G();
-  return new Promise((i, t) => {
-    d.set(s, { resolve: i, reject: t }), c.contentWindow.postMessage(
-      { type: "rift:refresh-request", requestId: s },
-      x
+  const i = X();
+  return new Promise((o, t) => {
+    u.set(i, { resolve: o, reject: t }), d.contentWindow.postMessage(
+      { type: "rift:refresh-request", requestId: i },
+      T
     ), setTimeout(() => {
-      const n = d.get(s);
-      n && (d.delete(s), n.reject(new Error("Refresh timed out")));
+      const n = u.get(i);
+      n && (u.delete(i), n.reject(new Error("Refresh timed out")));
     }, 1e4);
   });
 }
 async function se(e) {
   try {
-    if (await J(e), !c?.contentWindow || !x) return;
-    const s = G();
-    await new Promise((i) => {
-      d.set(s, {
-        resolve: () => i(),
-        reject: () => i()
+    if (await Q(e), !d?.contentWindow || !T) return;
+    const i = X();
+    await new Promise((o) => {
+      u.set(i, {
+        resolve: () => o(),
+        reject: () => o()
         // logout is idempotent — never reject
-      }), c.contentWindow.postMessage(
-        { type: "rift:logout-request", requestId: s },
-        x
+      }), d.contentWindow.postMessage(
+        { type: "rift:logout-request", requestId: i },
+        T
       ), setTimeout(() => {
-        d.delete(s), i();
+        u.delete(i), o();
       }, 5e3);
     });
   } catch {
   }
 }
-const ie = "https://widget.riftfi.xyz", P = "rift:identity", oe = 60, B = re(null);
-function Q() {
-  const e = ne(B);
+const ie = "https://widget.riftfi.xyz", $ = "rift:identity", oe = 60, V = re(null);
+function Z() {
+  const e = ne(V);
   if (!e)
     throw new Error(
       "[@rift/react] useRift() / <RiftAuth> must be used inside <RiftProvider>"
@@ -98,7 +98,7 @@ function Q() {
 function ae() {
   if (typeof window > "u") return null;
   try {
-    const e = localStorage.getItem(P);
+    const e = localStorage.getItem($);
     return e ? JSON.parse(e) : null;
   } catch {
     return null;
@@ -107,28 +107,28 @@ function ae() {
 function ce(e) {
   if (!(typeof window > "u"))
     try {
-      e ? localStorage.setItem(P, JSON.stringify(e)) : localStorage.removeItem(P);
+      e ? localStorage.setItem($, JSON.stringify(e)) : localStorage.removeItem($);
     } catch {
     }
 }
-function fe({
+function pe({
   apiKey: e,
-  widgetUrl: s,
-  children: i,
+  widgetUrl: i,
+  children: o,
   autoOpen: t = !1,
   persist: n = !0
 }) {
-  const o = s || ie, h = O(() => {
+  const a = i || ie, p = j(() => {
     try {
-      return new URL(o).origin;
+      return new URL(a).origin;
     } catch {
-      return o;
+      return a;
     }
-  }, [o]), [l, v] = p(null), [g, b] = p(!1), [k, V] = p("signin"), [_, S] = p(!1), [W, q] = p(null), [j, X] = p(540), [C, Z] = p(0), L = z(null);
-  L.current = l;
-  const R = z(null), f = y(
+  }, [a]), [b, W] = w(null), [f, k] = w(!1), [A, q] = w("signin"), [x, I] = w(!1), [v, L] = w(null), [U, _] = w(540), [S, O] = w(0), R = G(null);
+  R.current = b;
+  const m = G(null), l = E(
     (r) => {
-      v(r), n && ce(
+      W(r), n && ce(
         r ? {
           user: r.user,
           address: r.address,
@@ -138,191 +138,211 @@ function fe({
     },
     [n]
   );
-  w(() => {
+  y(() => {
     if (!n) return;
     const r = ae();
     if (!r) return;
-    let u = !0;
+    let c = !0;
     return (async () => {
       try {
-        const a = await Y({
+        const s = await J({
           apiKey: e,
-          widgetUrl: o
+          widgetUrl: a
         });
-        if (!u) return;
-        f({
+        if (!c) return;
+        l({
           user: r.user,
           address: r.address,
           btcAddress: r.btcAddress,
-          accessToken: a.accessToken,
-          expiresAt: a.expiresAt
+          accessToken: s.accessToken,
+          expiresAt: s.expiresAt
         });
       } catch {
-        if (!u) return;
-        f(null);
+        if (!c) return;
+        l(null);
       }
     })(), () => {
-      u = !1;
+      c = !1;
     };
   }, []);
-  const U = y((r) => {
-    V(r?.mode || "signin"), q(null), S(!1), Z((u) => u + 1), b(!0);
-  }, []), A = y(() => {
-    b(!1), S(!1);
-  }, []), M = y(async () => {
-    await se({ apiKey: e, widgetUrl: o }), f(null);
-  }, [e, o, f]), $ = y(async () => {
-    const r = L.current;
+  const F = E((r) => {
+    q(r?.mode || "signin"), L(null), I(!1), O((c) => c + 1), k(!0);
+  }, []), D = E(() => {
+    k(!1), I(!1);
+  }, []), H = E(async () => {
+    await se({ apiKey: e, widgetUrl: a }), l(null);
+  }, [e, a, l]), B = E(async () => {
+    const r = R.current;
     if (!r) throw new Error("Not signed in");
-    const u = r.expiresAt ? new Date(r.expiresAt).getTime() : null, a = Date.now();
-    return !(!u || u - a < oe * 1e3) && r.accessToken ? r.accessToken : (R.current || (R.current = (async () => {
+    const c = r.expiresAt ? new Date(r.expiresAt).getTime() : null, s = Date.now();
+    return !(!c || c - s < oe * 1e3) && r.accessToken ? r.accessToken : (m.current || (m.current = (async () => {
       try {
-        const m = await Y({
+        const h = await J({
           apiKey: e,
-          widgetUrl: o
-        }), N = L.current;
-        if (!N) throw new Error("Signed out during refresh");
+          widgetUrl: a
+        }), Y = R.current;
+        if (!Y) throw new Error("Signed out during refresh");
         const ee = {
-          ...N,
-          accessToken: m.accessToken,
-          expiresAt: m.expiresAt
+          ...Y,
+          accessToken: h.accessToken,
+          expiresAt: h.expiresAt
         };
-        return f(ee), m.accessToken;
-      } catch (m) {
-        throw f(null), m instanceof Error ? m : new Error(String(m));
+        return l(ee), h.accessToken;
+      } catch (h) {
+        throw l(null), h instanceof Error ? h : new Error(String(h));
       } finally {
-        R.current = null;
+        m.current = null;
       }
-    })()), R.current);
-  }, [e, o, f]);
-  w(() => {
+    })()), m.current);
+  }, [e, a, l]);
+  y(() => {
     if (typeof window > "u") return;
-    const r = (u) => {
-      if (u.origin !== h) return;
-      const a = u.data;
-      if (!(!a || typeof a != "object" || typeof a.type != "string") && a.type.startsWith("rift:"))
-        switch (a.type) {
+    const r = (c) => {
+      if (c.origin !== p) return;
+      const s = c.data;
+      if (!(!s || typeof s != "object" || typeof s.type != "string") && s.type.startsWith("rift:"))
+        switch (s.type) {
           case "rift:ready":
-            g && S(!0);
+            f && I(!0);
             break;
           case "rift:close":
-            A();
+            D();
             break;
           case "rift:resize":
-            X(Math.max(360, Math.min(820, a.height + 8)));
+            _(Math.max(360, Math.min(820, s.height + 8)));
             break;
           case "rift:signin-success": {
-            const H = {
-              user: a.user,
-              address: a.address,
-              btcAddress: a.btcAddress,
-              accessToken: a.accessToken,
-              expiresAt: a.expiresAt
+            const g = {
+              user: s.user,
+              address: s.address,
+              btcAddress: s.btcAddress,
+              accessToken: s.accessToken,
+              expiresAt: s.expiresAt
             };
-            f(H), b(!1);
+            l(g), k(!1);
             break;
           }
           case "rift:signin-error":
-            q(a.message);
+            L(s.message);
             break;
         }
     };
     return window.addEventListener("message", r), () => window.removeEventListener("message", r);
-  }, [h, A, f, g]), w(() => {
-    if (!(typeof document > "u") && g) {
+  }, [p, D, l, f]), y(() => {
+    if (!(typeof document > "u") && f) {
       const r = document.documentElement.style.overflow;
       return document.documentElement.style.overflow = "hidden", () => {
         document.documentElement.style.overflow = r;
       };
     }
-  }, [g]), w(() => {
-    t && !l && U();
+  }, [f]), y(() => {
+    t && !b && F();
   }, []);
-  const D = O(() => {
+  const N = j(() => {
     const r = new URLSearchParams({
       key: e,
-      mode: k,
+      mode: A,
       origin: typeof window < "u" ? window.location.origin : "",
-      t: String(C)
+      t: String(S)
     });
-    return `${o.replace(/\/$/, "")}/?${r.toString()}`;
-  }, [e, k, C, o]), F = y(() => {
-  }, []), K = O(
+    if (typeof document < "u") {
+      const c = document.documentElement, s = c.getAttribute("data-theme");
+      let g = null;
+      s === "dark" || s === "light" ? g = s : (c.classList.contains("dark") || document.body?.classList.contains("dark") || window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) && (g = "dark"), g && r.set("theme", g);
+    }
+    return `${a.replace(/\/$/, "")}/?${r.toString()}`;
+  }, [e, A, S, a]), z = E(() => {
+  }, []), K = j(
     () => ({
       apiKey: e,
-      widgetUrl: o,
-      user: l,
-      isOpen: g,
-      isReady: _,
-      error: W,
-      open: U,
-      close: A,
-      signOut: M,
-      getAccessToken: $,
-      _iframeSrc: D,
-      _iframeHeight: j,
-      _onIframeLoad: F
+      widgetUrl: a,
+      user: b,
+      isOpen: f,
+      isReady: x,
+      error: v,
+      open: F,
+      close: D,
+      signOut: H,
+      getAccessToken: B,
+      _iframeSrc: N,
+      _iframeHeight: U,
+      _onIframeLoad: z
     }),
     [
       e,
-      o,
-      l,
-      g,
-      _,
-      W,
-      U,
-      A,
-      M,
-      $,
+      a,
+      b,
+      f,
+      x,
+      v,
+      F,
       D,
-      j,
-      F
+      H,
+      B,
+      N,
+      U,
+      z
     ]
   );
-  return /* @__PURE__ */ T(B.Provider, { value: K, children: i });
+  return /* @__PURE__ */ P(V.Provider, { value: K, children: o });
 }
-function le({ onSuccess: e, onError: s, onClose: i }) {
+const de = "rgba(15,15,20,0.55)", ue = 6, fe = 480, le = 18;
+function he({
+  onSuccess: e,
+  onError: i,
+  onClose: o,
+  maxHeight: t,
+  maxWidth: n = fe,
+  radius: a = le,
+  backdrop: p,
+  backdropStyle: b,
+  iframeStyle: W
+}) {
   const {
-    isOpen: t,
-    isReady: n,
-    error: o,
-    close: h,
-    user: l,
-    _iframeSrc: v,
-    _iframeHeight: g,
-    _onIframeLoad: b
-  } = Q();
-  return w(() => {
-    l && e && e(l);
-  }, [l, e]), w(() => {
-    o && s && s(o);
-  }, [o, s]), w(() => {
-    !t && i && i();
-  }, [t]), t ? /* @__PURE__ */ te(
+    isOpen: f,
+    isReady: k,
+    error: A,
+    close: q,
+    user: x,
+    _iframeSrc: I,
+    _iframeHeight: v,
+    _onIframeLoad: L
+  } = Z();
+  if (y(() => {
+    x && e && e(x);
+  }, [x, e]), y(() => {
+    A && i && i(A);
+  }, [A, i]), y(() => {
+    !f && o && o();
+  }, [f]), !f) return null;
+  const U = p?.color ?? de, _ = p?.blur ?? ue, S = _ > 0 ? `blur(${_}px)` : void 0;
+  let O = v, R;
+  return typeof t == "number" ? O = Math.min(v, t) : typeof t == "string" && (R = t), /* @__PURE__ */ te(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Sign in",
-      onClick: (k) => {
-        k.target === k.currentTarget && h();
+      onClick: (m) => {
+        m.target === m.currentTarget && q();
       },
       style: {
         position: "fixed",
         inset: 0,
         zIndex: 2147483646,
-        background: "rgba(15,15,20,0.55)",
-        backdropFilter: "blur(6px)",
-        WebkitBackdropFilter: "blur(6px)",
+        background: U,
+        backdropFilter: S,
+        WebkitBackdropFilter: S,
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         padding: 16,
-        animation: "rift-fade 180ms ease-out"
+        animation: "rift-fade 180ms ease-out",
+        ...b
       },
       children: [
-        /* @__PURE__ */ T("style", { children: "@keyframes rift-fade { from { opacity: 0 } to { opacity: 1 } }" }),
-        !n && /* @__PURE__ */ T(
+        /* @__PURE__ */ P("style", { children: "@keyframes rift-fade { from { opacity: 0 } to { opacity: 1 } }" }),
+        !k && /* @__PURE__ */ P(
           "div",
           {
             "aria-hidden": !0,
@@ -335,11 +355,11 @@ function le({ onSuccess: e, onError: s, onClose: i }) {
             children: "Loading sign-in…"
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "iframe",
           {
-            src: v,
-            onLoad: b,
+            src: I,
+            onLoad: L,
             title: "Rift sign-in",
             allow: "publickey-credentials-get; identity-credentials-get",
             style: {
@@ -347,35 +367,37 @@ function le({ onSuccess: e, onError: s, onClose: i }) {
               background: "transparent",
               colorScheme: "light",
               width: "100%",
-              maxWidth: 480,
-              height: g,
-              borderRadius: 18,
+              maxWidth: n,
+              height: O,
+              maxHeight: R,
+              borderRadius: a,
               boxShadow: "0 24px 60px -12px rgba(0,0,0,0.35)",
               transition: "height 200ms ease",
-              opacity: n ? 1 : 0
+              opacity: k ? 1 : 0,
+              ...W
             }
           }
         )
       ]
     }
-  ) : null;
+  );
 }
-function ge() {
-  const { user: e, isOpen: s, open: i, close: t, signOut: n, getAccessToken: o, error: h } = Q();
+function we() {
+  const { user: e, isOpen: i, open: o, close: t, signOut: n, getAccessToken: a, error: p } = Z();
   return {
     user: e,
     isAuthenticated: !!e,
-    isOpen: s,
-    open: i,
+    isOpen: i,
+    open: o,
     close: t,
     signOut: n,
-    getAccessToken: o,
-    error: h
+    getAccessToken: a,
+    error: p
   };
 }
 export {
-  le as RiftAuth,
-  fe as RiftProvider,
-  ge as useRift
+  he as RiftAuth,
+  pe as RiftProvider,
+  we as useRift
 };
 //# sourceMappingURL=rift-react.js.map