@use-glyph/sdk-react 1.0.4 → 1.0.6

package/dist/EIP1193Strategy.js

@@ -1,56 +1,56 @@
-import { c as B, W as C, d as J, a as q, j as z, b as H } from "./index.js";
-import { useState as f, useEffect as p, useCallback as d } from "react";
-import { useAccount as Q, useDisconnect as V, useSignMessage as X, useSendTransaction as Z, useAccountEffect as L } from "wagmi";
-const T = "__glyph-widget-token__", k = "__glyph-widget-nonce__", r = B("EIP1193Strategy"), U = ({
+import { c as J, W as C, d as q, a as z, j as H, b as Q } from "./index.js";
+import { useState as g, useEffect as p, useCallback as u } from "react";
+import { useAccount as V, useDisconnect as X, useSignMessage as Z, useSendTransaction as L, useAccountEffect as U } from "wagmi";
+const T = "__glyph-widget-token__", k = "__glyph-widget-nonce__", r = J("EIP1193Strategy"), ee = ({
   children: O,
   glyphUrl: o,
   onLogin: E,
   onLogout: S,
   askForSignature: A = !0
 }) => {
-  const [D, c] = f(!1), [F, h] = f(null), { address: t, isConnected: s, chainId: b } = Q(), { disconnectAsync: x } = V(), { signMessageAsync: m } = X(), { sendTransactionAsync: N } = Z();
-  r.log({ address: t, isConnected: s });
-  const [i, I] = f(() => {
+  const [$, c] = g(!1), [D, h] = g(null), { address: e, isConnected: s, chainId: b } = V(), { disconnectAsync: x } = X(), { signMessageAsync: m } = Z(), { sendTransactionAsync: N } = L();
+  r.log({ address: e, isConnected: s });
+  const [i, I] = g(() => {
     if (typeof window > "u")
       return null;
     try {
       return localStorage.getItem(T);
-    } catch (e) {
-      return r.warn("Error reading session token", e), null;
+    } catch (t) {
+      return r.warn("Error reading session token", t), null;
     }
-  }), [g, K] = f(null), [n, _] = f(() => {
+  }), [d, F] = g(null), [n, _] = g(() => {
     if (typeof window > "u")
       return null;
     try {
       return localStorage.getItem(k);
-    } catch (e) {
-      return r.warn("Error reading session nonce", e), null;
+    } catch (t) {
+      return r.warn("Error reading session nonce", t), null;
     }
   });
   p(() => {
     try {
       !i || !n ? (localStorage.removeItem(T), localStorage.removeItem(k)) : (localStorage.setItem(T, i), localStorage.setItem(k, n));
-    } catch (e) {
-      r.error("Error saving session token", e);
+    } catch (t) {
+      r.error("Error saving session token", t);
     }
   }, [n, i]);
-  const P = d(
-    async (e) => {
+  const P = u(
+    async (t) => {
       try {
         return await fetch(
-          `${o || C}/api/widget/auth/message/${e}`
-        ).then((l) => l.json());
+          `${o || C}/api/widget/auth/message/${t}`
+        ).then((f) => f.json());
       } catch (a) {
         throw r.error("Can't fetch message to sign", a), new Error("Failed to fetch the message to sign.");
       }
     },
     [o]
-  ), j = d(
-    async (e, a, l) => {
+  ), j = u(
+    async (t, a, f) => {
       try {
-        return await fetch(`${o || C}/api/widget/auth/verify/${e}`, {
+        return await fetch(`${o || C}/api/widget/auth/verify/${t}`, {
           method: "POST",
-          body: JSON.stringify({ signature: a, nonce: l })
+          body: JSON.stringify({ signature: a, nonce: f })
         }).then((w) => w.json());
       } catch (y) {
         throw r.error("Can't verify signature", y), new Error("Signature verification failed.");
@@ -59,89 +59,91 @@ const T = "__glyph-widget-token__", k = "__glyph-widget-nonce__", r = B("EIP1193
     [o]
   );
   p(() => {
-    !t || !s || n || (c(!0), P(t).then(({ message: e, nonce: a }) => {
-      K(e), _(a), c(!1);
+    !e || !s || n || (c(!0), P(e).then(({ message: t, nonce: a }) => {
+      F(t), _(a), c(!1);
     }).finally(() => {
       c(!1);
     }));
-  }, [t, s, P, n]), p(() => {
+  }, [e, s, P, n]), p(() => {
     if (!i || !n) return;
-    const e = J(o || C, async () => i, {
-      "x-evm-address": t,
+    const t = q(o || C, async () => i, {
+      "x-evm-address": e,
       "x-glyph-nonce": n
     });
-    h(() => e);
-  }, [i, t, o, n]);
-  const v = d(async () => {
-    var e, a, l, y, w;
-    if (r.log("authenticate"), !t) {
+    h(() => t);
+  }, [i, e, o, n]);
+  const K = u(async () => {
+    await x();
+  }, [x]), v = u(async () => {
+    var t, a, f, y, w;
+    if (r.log("authenticate"), !e) {
       r.error("no wallet connected.");
       return;
     }
     try {
-      if (!t || !s || !g || !n) {
+      if (!e || !s || !d || !n) {
         h(null), c(!1);
         return;
       }
       c(!0);
-      const u = await m({ account: t, message: g }), Y = (e = await j(t, u, n)) == null ? void 0 : e.token;
-      I(Y);
-    } catch (u) {
-      r.error("Authentication failed", u), (w = (l = (a = u == null ? void 0 : u.message) == null ? void 0 : a.toLowerCase) == null ? void 0 : (y = l.call(a)).includes) != null && w.call(y, "user rejected") || await alert(
+      const l = await m({ account: e, message: d });
+      console.log(n, d, l);
+      const B = (t = await j(e, l, n)) == null ? void 0 : t.token;
+      I(B);
+    } catch (l) {
+      r.error("Authentication failed", l), (w = (f = (a = l == null ? void 0 : l.message) == null ? void 0 : a.toLowerCase) == null ? void 0 : (y = f.call(a)).includes) != null && w.call(y, "user rejected") || await alert(
         "Authentication failed - your browser could be blocking the popups. Allow popups or try to manually click sign in."
       ), h(null), I(null), _(null);
     } finally {
       c(!1), E == null || E();
     }
-  }, [t, s, g, n, m, j]), M = d(
-    async (e = !1) => {
-      r.log(`logout: disconnect=${e}`), _(null), I(null), c(!1), h(null), e && await x(), S == null || S();
-    },
-    [x]
-  ), G = d(
-    async ({ message: e }) => {
-      if (!t || !s)
+  }, [e, s, d, n, m, j]), G = u(async () => {
+    _(null), I(null), c(!1), h(null), S == null || S();
+  }, []), R = u(
+    async ({ message: t }) => {
+      if (!e || !s)
         throw new Error("Wallet not connected");
-      return m({ account: t, message: e });
+      return m({ account: e, message: t });
     },
-    [t, s, m]
-  ), R = d(
-    async ({ transaction: e }) => {
-      if (!t || !s) throw new Error("Wallet not connected");
-      return N({ ...e, chainId: b || q.id });
+    [e, s, m]
+  ), Y = u(
+    async ({ transaction: t }) => {
+      if (!e || !s) throw new Error("Wallet not connected");
+      return N({ ...t, chainId: b || z.id });
     },
-    [t, s, N, b]
-  ), [W, $] = f(!1);
-  return L({
+    [e, s, N, b]
+  ), [M, W] = g(!1);
+  return U({
     onConnect: () => {
-      A && $(!0);
+      A && W(!0);
     },
     onDisconnect: () => {
-      M();
+      G();
     }
   }), p(() => {
-    A && s && t && W && n && g && (v(), $(!1));
-  }, [s, t, v, W, n, g, A]), /* @__PURE__ */ z.jsx(
-    H.Provider,
+    A && s && e && M && n && d && (v(), W(!1));
+  }, [s, e, v, M, n, d, A]), /* @__PURE__ */ H.jsx(
+    Q.Provider,
     {
       value: {
-        ready: !D && !!n,
-        authenticated: s && !!t && i !== null,
+        ready: !$ && !!n,
+        authenticated: s && !!e && i !== null,
         symbol: "APE",
         glyphUrl: o,
         // Pass as string to avoid type error (we are passing fallback value in useGlyph hook at a common place)
-        hideWidget: !s || !t,
+        hideWidget: !s || !e,
         login: v,
-        logout: M,
-        signMessage: G,
-        sendTransaction: R,
-        apiFetch: F
+        logout: K,
+        // on disconnect, logoutSideEffect is called and clears states
+        signMessage: R,
+        sendTransaction: Y,
+        apiFetch: D
       },
       children: O
     }
   );
 };
-U.displayName = "EIP1193Strategy";
+ee.displayName = "EIP1193Strategy";
 export {
-  U as default
+  ee as default
 };