@domino-sdk/relay 1.0.0-next.10 → 1.0.0-next.13

package/dist/react/index.js

@@ -8,17 +8,17 @@ import {
   discoverSolanaWallets,
   readSignInMethods,
   signInOptionsFrom
-} from "../chunk-P6FK43GG.js";
-import "../chunk-X2F2RAR3.js";
-import "../chunk-QR7ZA2BJ.js";
+} from "../chunk-WQ24ILGO.js";
+import "../chunk-EZWNGI5B.js";
+import "../chunk-M64XHC42.js";
 import {
   RelayError,
   RelayErrorCode
-} from "../chunk-PHU5VDLR.js";
+} from "../chunk-OA2KMQVZ.js";
 import {
   sessionMember
-} from "../chunk-7Q4BGGT6.js";
-import "../chunk-YYD4QUBO.js";
+} from "../chunk-FXYJ4OMX.js";
+import "../chunk-CRNQP7NV.js";
 
 // src/react/provider.tsx
 import { useState as useState3 } from "react";
@@ -185,7 +185,7 @@ function questStatus(view) {
       minute: "2-digit",
       timeZoneName: "short"
     }).format(streak.nextBoundary);
-    const progress = streak.todayQualified ? `Today counts. Your next community day starts ${deadline}. Best streak: ${streak.best} days.` : `Complete today's activity before ${deadline} ${streak.current ? "to keep your streak" : "to start your streak"}. Best streak: ${streak.best} days.`;
+    const progress = streak.todayQualified ? `Today counts. Your next day starts ${deadline}. Best streak: ${streak.best} days.` : `Complete today's activity before ${deadline} ${streak.current ? "to keep your streak" : "to start your streak"}. Best streak: ${streak.best} days.`;
     return {
       tone: rejection ? "attention" : streak.todayQualified ? "waiting" : "open",
       label: `${streak.current} / ${streak.goal} days`,
@@ -1269,12 +1269,148 @@ function useLeaderboard(board, options = {}) {
   return { ...state, refresh };
 }
 
-// src/react/references.ts
-import { useCallback as useCallback8, useEffect as useEffect10, useState as useState11 } from "react";
-function useReferences(read, failure) {
+// src/react/balances.ts
+import { useCallback as useCallback8, useEffect as useEffect10, useRef as useRef5, useState as useState11 } from "react";
+var signedOut = (cause) => cause instanceof RelayError && cause.status === 401;
+var messageOf = (cause, fallback) => cause instanceof Error && cause.message ? cause.message : fallback;
+function useCompletions() {
+  const { experience, member } = useExperience();
+  const mark = experience.status === "ready" ? completionMark([
+    ...experience.quests,
+    ...experience.collections.flatMap((c) => c.quests)
+  ]) : "";
+  return { member, mark };
+}
+function useBalances() {
   const relay = useRelay();
+  const { member, mark } = useCompletions();
   const [state, setState] = useState11({ status: "loading" });
+  const generation = useRef5(0);
   const refresh = useCallback8(async () => {
+    const current = ++generation.current;
+    try {
+      const { items } = await relay.me.balances();
+      if (current === generation.current) {
+        setState({ status: "ready", items, stale: null });
+      }
+    } catch (cause) {
+      if (current !== generation.current) {
+        return;
+      }
+      if (signedOut(cause)) {
+        setState({ status: "signed-out" });
+        return;
+      }
+      const message = messageOf(cause, "Could not load your points.");
+      setState(
+        (previous) => previous.status === "ready" ? { ...previous, stale: message } : { status: "error", message }
+      );
+    }
+  }, [relay]);
+  const shown = useRef5(null);
+  useEffect10(() => {
+    if (shown.current !== null && shown.current !== member) {
+      setState({ status: "loading" });
+    }
+    shown.current = member;
+    void refresh();
+  }, [refresh, member, mark]);
+  return { ...state, refresh };
+}
+function usePointHistory(ledger) {
+  const relay = useRelay();
+  const { member, mark } = useCompletions();
+  const [state, setState] = useState11({ status: "loading" });
+  const shown = useRef5(null);
+  const cursor = useRef5(null);
+  const generation = useRef5(0);
+  const paging = useRef5({ ready: false, busy: false });
+  const load = useCallback8(
+    async (first) => {
+      if (first) {
+        generation.current++;
+        paging.current = { ready: false, busy: false };
+      } else {
+        if (!paging.current.ready || paging.current.busy || cursor.current === null) {
+          return;
+        }
+        paging.current.busy = true;
+        setState(
+          (previous) => previous.status === "ready" ? { ...previous, loading: true, error: null } : previous
+        );
+      }
+      const current = generation.current;
+      const own = paging.current;
+      try {
+        const page = await relay.me.pointHistory({
+          ledger,
+          ...!first && cursor.current ? { cursor: cursor.current } : {}
+        });
+        if (current !== generation.current) {
+          return;
+        }
+        cursor.current = page.nextCursor;
+        own.ready = true;
+        setState((previous) => ({
+          status: "ready",
+          items: !first && previous.status === "ready" ? [...previous.items, ...page.items] : page.items,
+          more: page.nextCursor !== null,
+          loading: false,
+          error: null
+        }));
+      } catch (cause) {
+        if (current !== generation.current) {
+          return;
+        }
+        if (first && signedOut(cause)) {
+          setState({ status: "signed-out" });
+          return;
+        }
+        const code = cause instanceof RelayError ? cause.code : void 0;
+        if (first && code === RelayErrorCode.PointLedgerNotFound) {
+          setState({ status: "missing" });
+          return;
+        }
+        if (first && code === RelayErrorCode.NotJoined) {
+          setState({ status: "not-joined" });
+          return;
+        }
+        const message = messageOf(cause, "Could not load your point history.");
+        setState(
+          (previous) => !first && previous.status === "ready" ? { ...previous, loading: false, error: message } : { status: "error", message }
+        );
+      } finally {
+        own.busy = false;
+      }
+    },
+    [relay, ledger]
+  );
+  useEffect10(() => {
+    const previous = shown.current;
+    if (previous && (previous.ledger !== ledger || previous.member !== null && previous.member !== member)) {
+      setState({ status: "loading" });
+    }
+    shown.current = { member, ledger };
+    cursor.current = null;
+    void load(true);
+    return () => {
+      generation.current++;
+    };
+  }, [load, ledger, member, mark]);
+  return {
+    ...state,
+    refresh: () => load(true),
+    /** Appends the next page; does nothing while a page loads or when there is none. */
+    loadMore: () => load(false)
+  };
+}
+
+// src/react/references.ts
+import { useCallback as useCallback9, useEffect as useEffect11, useState as useState12 } from "react";
+function useReferences(read, failure) {
+  const relay = useRelay();
+  const [state, setState] = useState12({ status: "loading" });
+  const refresh = useCallback9(async () => {
     try {
       setState({ status: "ready", items: await read(relay) });
     } catch (cause) {
@@ -1284,7 +1420,7 @@ function useReferences(read, failure) {
       });
     }
   }, [relay, read, failure]);
-  useEffect10(() => {
+  useEffect11(() => {
     void refresh();
   }, [refresh]);
   return { ...state, refresh };
@@ -1318,12 +1454,14 @@ export {
   runsSilently,
   sanitizeDeliveries,
   useAccounts,
+  useBalances,
   useExperience,
   useInvitation,
   useLeaderboard,
   useLeaderboardPlacement,
   useMe,
   useMyProfile,
+  usePointHistory,
   usePointLedgers,
   useProfile,
   useProfileCompletions,