@fedimint/react 0.0.3 → 0.1.0

package/dist/contexts/FedimintWalletContext.d.ts

@@ -3,13 +3,18 @@ type FedimintWalletConfig = {
     lazy?: boolean;
     debug?: boolean;
 };
+export type WalletStatus = 'open' | 'closed' | 'opening';
 export declare const setupFedimintWallet: (config: FedimintWalletConfig) => void;
 export declare const FedimintWalletContext: import('react').Context<{
     wallet: FedimintWallet;
+    walletStatus: WalletStatus;
+    setWalletStatus: (status: WalletStatus) => void;
 } | undefined>;
 export type FedimintWalletProviderProps = {};
 export declare const FedimintWalletProvider: (parameters: React.PropsWithChildren<FedimintWalletProviderProps>) => import('react').FunctionComponentElement<import('react').ProviderProps<{
     wallet: FedimintWallet;
+    walletStatus: WalletStatus;
+    setWalletStatus: (status: WalletStatus) => void;
 } | undefined>>;
 export {};
 //# sourceMappingURL=FedimintWalletContext.d.ts.map

package/dist/contexts/FedimintWalletContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FedimintWalletContext.d.ts","sourceRoot":"","sources":["../../lib/contexts/FedimintWalletContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAKnD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,mBAAmB,WAAY,oBAAoB,SAK/D,CAAA;AAED,eAAO,MAAM,qBAAqB;YACtB,cAAc;cACd,CAAA;AAEZ,MAAM,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAE5C,eAAO,MAAM,sBAAsB,eACrB,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC;YANtD,cAAc;eAkBzB,CAAA"}
+{"version":3,"file":"FedimintWalletContext.d.ts","sourceRoot":"","sources":["../../lib/contexts/FedimintWalletContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAYnE,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAExD,eAAO,MAAM,mBAAmB,GAAI,QAAQ,oBAAoB,SAO/D,CAAA;AAED,eAAO,MAAM,qBAAqB;YAEpB,cAAc;kBACR,YAAY;qBACT,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI;cAGzC,CAAA;AAEZ,MAAM,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAE5C,eAAO,MAAM,sBAAsB,GACjC,YAAY,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC;YAVpD,cAAc;kBACR,YAAY;qBACT,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI;eAsCpD,CAAA"}

package/dist/hooks/index.d.ts

@@ -3,4 +3,6 @@ export { useOpenWallet } from './useOpenWallet';
 export { useFedimintWallet } from './useFedimintWallet';
 export { useReceiveLightning } from './useReceiveLightning';
 export { useSendLightning } from './useSendLightning';
+export { useSpendEcash } from './useSpendEcash';
+export { useReceiveEcash } from './useReceiveEcash';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/hooks/useOpenWallet.d.ts

@@ -1,8 +1,6 @@
-type WalletStatus = 'open' | 'closed' | 'opening';
 export declare const useOpenWallet: () => {
-    walletStatus: WalletStatus | undefined;
+    walletStatus: import('../contexts/FedimintWalletContext').WalletStatus;
     openWallet: () => void;
     joinFederation: (invite: string) => Promise<void>;
 };
-export {};
 //# sourceMappingURL=useOpenWallet.d.ts.map

package/dist/hooks/useOpenWallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOpenWallet.d.ts","sourceRoot":"","sources":["../../lib/hooks/useOpenWallet.ts"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEjD,eAAO,MAAM,aAAa;;;6BAcP,MAAM;CAsBxB,CAAA"}
+{"version":3,"file":"useOpenWallet.d.ts","sourceRoot":"","sources":["../../lib/hooks/useOpenWallet.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;6BAqBP,MAAM;CAaxB,CAAA"}

package/dist/hooks/useReceiveEcash.d.ts

@@ -0,0 +1,7 @@
+import { ReissueExternalNotesState } from '@fedimint/core-web';
+export declare const useReceiveEcash: () => {
+    redeemEcash: (notes: string) => Promise<void>;
+    state: "Error" | ReissueExternalNotesState | undefined;
+    error: string | undefined;
+};
+//# sourceMappingURL=useReceiveEcash.d.ts.map

package/dist/hooks/useReceiveEcash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReceiveEcash.d.ts","sourceRoot":"","sources":["../../lib/hooks/useReceiveEcash.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAA;AAE9D,eAAO,MAAM,eAAe;yBA2BV,MAAM;;;CAkBvB,CAAA"}

package/dist/hooks/useSpendEcash.d.ts

@@ -0,0 +1,8 @@
+import { SpendNotesState } from '@fedimint/core-web';
+export declare const useSpendEcash: () => {
+    spendEcash: (amountSats: number, reclaimAfter?: number) => Promise<string>;
+    notes: string | undefined;
+    state: SpendNotesState | "Error" | undefined;
+    error: string | undefined;
+};
+//# sourceMappingURL=useSpendEcash.d.ts.map

package/dist/hooks/useSpendEcash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpendEcash.d.ts","sourceRoot":"","sources":["../../lib/hooks/useSpendEcash.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,eAAO,MAAM,aAAa;6BA8BH,MAAM,iBAAiB,MAAM;;;;CAmBnD,CAAA"}

package/dist/index.js

@@ -1,121 +1,204 @@
-import { useState as s, useEffect as d, useCallback as u, createContext as y, createElement as f, useContext as S } from "react";
-import { FedimintWallet as W } from "@fedimint/core-web";
-const I = () => {
-  const e = w(), { walletStatus: n } = b(), [t, i] = s();
-  return d(() => {
-    if (n !== "open") return;
-    const a = e.balance.subscribeBalance((r) => {
-      i(r);
+import { useState as r, useEffect as m, createContext as y, useMemo as F, createElement as I, useContext as W, useCallback as w } from "react";
+import { WalletDirector as P } from "@fedimint/core-web";
+const R = () => {
+  const e = g(), { walletStatus: t } = E(), [n, o] = r();
+  return m(() => {
+    if (t !== "open") return;
+    const a = e.balance.subscribeBalance((c) => {
+      o(c);
     });
     return () => {
       a();
     };
-  }, [n]), t;
-}, b = () => {
-  const e = w(), [n, t] = s(), i = u(() => {
-    n !== "open" && (t("opening"), e.open().then((r) => {
-      t(r ? "open" : "closed");
-    }));
-  }, [e]), a = u(
-    async (r) => {
-      if (n === "open") return;
-      t("opening");
-      const l = await e.joinFederation(r);
-      t(l ? "open" : "closed");
-    },
-    [e]
-  );
-  return d(() => (e.waitForOpen().then(() => {
-    t("open");
-  }), () => {
-    t("closed");
-  }), [e]), { walletStatus: n, openWallet: i, joinFederation: a };
+  }, [t]), n;
 };
-let p;
-const L = (e) => {
-  p = new W(!!e.lazy), e.debug && p.setLogLevel("debug");
-}, h = y(void 0), P = (e) => {
-  const { children: n } = e;
-  if (!p)
+let b;
+const f = new P(), O = (e) => {
+  f.createWallet().then((t) => {
+    b = t;
+  }), e.debug && f.setLogLevel("debug");
+}, v = y(void 0), C = (e) => {
+  const [t, n] = r("closed"), { children: o } = e;
+  if (!b)
     throw new Error(
       "You must call setupFedimintWallet() first. See the getting started guide."
     );
-  const t = { value: { wallet: p } };
-  return f(h.Provider, t, n);
-}, w = () => {
-  const e = S(h);
+  const a = F(
+    () => ({
+      wallet: b,
+      walletStatus: t,
+      setWalletStatus: n
+    }),
+    [t]
+  );
+  return m(() => {
+    b.waitForOpen().then(() => {
+      n("open");
+    });
+  }, [b]), I(
+    v.Provider,
+    { value: a },
+    o
+  );
+}, E = () => {
+  const e = W(v);
+  if (!e)
+    throw new Error(
+      "useOpenWallet must be used within a FedimintWalletProvider"
+    );
+  const { wallet: t, walletStatus: n, setWalletStatus: o } = e, a = w(() => {
+    n !== "open" && (o("opening"), t.open().then((l) => {
+      o(l ? "open" : "closed");
+    }));
+  }, [t]), c = w(
+    async (l) => {
+      n !== "open" && (o("opening"), await t.joinFederation(l).then((u) => {
+        o(u ? "open" : "closed");
+      }));
+    },
+    [t]
+  );
+  return { walletStatus: n, openWallet: a, joinFederation: c };
+}, g = () => {
+  const e = W(v);
   if (!(e != null && e.wallet))
     throw new Error(
       "useFedimintWallet must be used within a FedimintWalletProvider"
     );
   return e.wallet;
-}, x = () => {
-  const e = w(), { walletStatus: n } = b(), [t, i] = s(), [a, r] = s(), [l, g] = s(), m = u(
-    async (c, o) => {
-      if (n !== "open") throw new Error("Wallet is not open");
-      const v = await e.lightning.createInvoice(c, o);
-      return i(v), v.invoice;
+}, N = () => {
+  const e = g(), { walletStatus: t } = E(), [n, o] = r(), [a, c] = r(), [l, u] = r(), p = w(
+    async (i, s) => {
+      if (t !== "open") throw new Error("Wallet is not open");
+      const d = await e.lightning.createInvoice(i, s);
+      return o(d), d.invoice;
     },
-    [e, n]
+    [e, t]
   );
-  return d(() => {
-    if (n !== "open" || !t) return;
-    const c = e.lightning.subscribeLnReceive(
-      t.operation_id,
-      (o) => {
-        r(o);
+  return m(() => {
+    if (t !== "open" || !n) return;
+    const i = e.lightning.subscribeLnReceive(
+      n.operation_id,
+      (s) => {
+        c(s);
       },
-      (o) => {
-        g(o);
+      (s) => {
+        u(s);
       }
     );
     return () => {
-      c();
+      i();
     };
-  }, [n, t]), {
-    generateInvoice: m,
-    bolt11: t == null ? void 0 : t.invoice,
+  }, [t, n]), {
+    generateInvoice: p,
+    bolt11: n == null ? void 0 : n.invoice,
     invoiceStatus: a,
     error: l
   };
-}, C = () => {
-  const e = w(), { walletStatus: n } = b(), [t, i] = s(), [a, r] = s(), [l, g] = s(), m = u(
-    async (c) => {
-      if (n !== "open") throw new Error("Wallet is not open");
-      const o = await e.lightning.payInvoice(c);
-      return i(o), o;
+}, B = () => {
+  const e = g(), { walletStatus: t } = E(), [n, o] = r(), [a, c] = r(), [l, u] = r(), p = w(
+    async (i) => {
+      if (t !== "open") throw new Error("Wallet is not open");
+      const s = await e.lightning.payInvoice(i);
+      return o(s), s;
     },
-    [e, n]
+    [e, t]
   );
-  return d(() => {
-    if (n !== "open" || !t) return;
-    const c = e.lightning.subscribeLnPay(
+  return m(() => {
+    if (t !== "open" || !n) return;
+    const i = e.lightning.subscribeLnPay(
       // @ts-ignore
-      t.payment_type.lightning,
-      (o) => {
-        r(o);
+      n.payment_type.lightning,
+      (s) => {
+        c(s);
       },
-      (o) => {
-        g(o);
+      (s) => {
+        u(s);
       }
     );
     return () => {
-      c();
+      i();
     };
-  }, [n, t]), {
-    payInvoice: m,
-    payment: t,
+  }, [t, n]), {
+    payInvoice: p,
+    payment: n,
     paymentStatus: a,
     paymentError: l
   };
+}, _ = () => {
+  const e = g(), { walletStatus: t } = E(), [n, o] = r(), [a, c] = r(), [l, u] = r(), [p, i] = r();
+  return m(() => {
+    if (!n) return;
+    const d = e.mint.subscribeSpendNotes(
+      n,
+      (h) => {
+        u(h);
+      },
+      (h) => {
+        u("Error"), i(h);
+      }
+    );
+    return () => {
+      d();
+    };
+  }, [n]), {
+    spendEcash: w(
+      async (d, h) => {
+        if (t !== "open") throw new Error("Wallet is not open");
+        const S = await e.mint.spendNotes(
+          d * 1e3,
+          h
+        );
+        return o(S.operation_id), c(S.notes), S.notes;
+      },
+      [e, t]
+    ),
+    notes: a,
+    state: l,
+    error: p
+  };
+}, j = () => {
+  const e = g(), { walletStatus: t } = E(), [n, o] = r(), [a, c] = r(), [l, u] = r();
+  return m(() => {
+    if (!n) return;
+    const i = e.mint.subscribeReissueExternalNotes(
+      n,
+      (s) => {
+        c(s);
+      },
+      (s) => {
+        u(s);
+      }
+    );
+    return () => {
+      i();
+    };
+  }, [n]), {
+    redeemEcash: w(
+      async (i) => {
+        if (t !== "open") throw new Error("Wallet is not open");
+        try {
+          const s = await e.mint.redeemEcash(i);
+          o(s);
+        } catch (s) {
+          c("Error"), u(s);
+        }
+      },
+      [e, t]
+    ),
+    state: a,
+    error: l
+  };
 };
 export {
-  h as FedimintWalletContext,
-  P as FedimintWalletProvider,
-  L as setupFedimintWallet,
-  I as useBalance,
-  w as useFedimintWallet,
-  b as useOpenWallet,
-  x as useReceiveLightning,
-  C as useSendLightning
+  v as FedimintWalletContext,
+  C as FedimintWalletProvider,
+  O as setupFedimintWallet,
+  R as useBalance,
+  g as useFedimintWallet,
+  E as useOpenWallet,
+  j as useReceiveEcash,
+  N as useReceiveLightning,
+  B as useSendLightning,
+  _ as useSpendEcash
 };

package/dist/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../lib/init.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,UAAU,OAAO,OAM9C,CAAA"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../lib/init.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,GAAI,OAAM,OAAe,OAQtD,CAAA"}

package/lib/contexts/FedimintWalletContext.ts

@@ -1,22 +1,38 @@
-import { FedimintWallet } from '@fedimint/core-web'
-import { createContext, createElement } from 'react'
+import { WalletDirector, FedimintWallet } from '@fedimint/core-web'
+import {
+  createContext,
+  createElement,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
 
 let wallet: FedimintWallet
+const walletDirector = new WalletDirector()
 
 type FedimintWalletConfig = {
   lazy?: boolean
   debug?: boolean
 }
 
+export type WalletStatus = 'open' | 'closed' | 'opening'
+
 export const setupFedimintWallet = (config: FedimintWalletConfig) => {
-  wallet = new FedimintWallet(!!config.lazy)
+  walletDirector.createWallet().then((w) => {
+    wallet = w
+  })
   if (config.debug) {
-    wallet.setLogLevel('debug')
+    walletDirector.setLogLevel('debug')
   }
 }
 
 export const FedimintWalletContext = createContext<
-  { wallet: FedimintWallet } | undefined
+  | {
+      wallet: FedimintWallet
+      walletStatus: WalletStatus
+      setWalletStatus: (status: WalletStatus) => void
+    }
+  | undefined
 >(undefined)
 
 export type FedimintWalletProviderProps = {}
@@ -24,6 +40,7 @@ export type FedimintWalletProviderProps = {}
 export const FedimintWalletProvider = (
   parameters: React.PropsWithChildren<FedimintWalletProviderProps>,
 ) => {
+  const [walletStatus, setWalletStatus] = useState<WalletStatus>('closed')
   const { children } = parameters
 
   if (!wallet)
@@ -31,7 +48,24 @@ export const FedimintWalletProvider = (
       'You must call setupFedimintWallet() first. See the getting started guide.',
     )
 
-  const props = { value: { wallet } }
+  const contextValue = useMemo(
+    () => ({
+      wallet,
+      walletStatus,
+      setWalletStatus,
+    }),
+    [walletStatus],
+  )
+
+  useEffect(() => {
+    wallet.waitForOpen().then(() => {
+      setWalletStatus('open')
+    })
+  }, [wallet])
 
-  return createElement(FedimintWalletContext.Provider, props, children)
+  return createElement(
+    FedimintWalletContext.Provider,
+    { value: contextValue },
+    children,
+  )
 }

package/lib/hooks/index.ts

@@ -3,3 +3,5 @@ export { useOpenWallet } from './useOpenWallet'
 export { useFedimintWallet } from './useFedimintWallet'
 export { useReceiveLightning } from './useReceiveLightning'
 export { useSendLightning } from './useSendLightning'
+export { useSpendEcash } from './useSpendEcash'
+export { useReceiveEcash } from './useReceiveEcash'

package/lib/hooks/useOpenWallet.ts

@@ -1,11 +1,16 @@
-import { useCallback, useEffect, useState } from 'react'
-import { useFedimintWallet } from '.'
-
-type WalletStatus = 'open' | 'closed' | 'opening'
+import { useCallback, useContext } from 'react'
+import { FedimintWalletContext } from '../contexts/FedimintWalletContext'
 
 export const useOpenWallet = () => {
-  const wallet = useFedimintWallet()
-  const [walletStatus, setWalletStatus] = useState<WalletStatus>()
+  const value = useContext(FedimintWalletContext)
+
+  if (!value) {
+    throw new Error(
+      'useOpenWallet must be used within a FedimintWalletProvider',
+    )
+  }
+
+  const { wallet, walletStatus, setWalletStatus } = value
 
   const openWallet = useCallback(() => {
     if (walletStatus === 'open') return
@@ -22,21 +27,12 @@ export const useOpenWallet = () => {
 
       setWalletStatus('opening')
 
-      const res = await wallet.joinFederation(invite)
-      setWalletStatus(res ? 'open' : 'closed')
+      await wallet.joinFederation(invite).then((res) => {
+        setWalletStatus(res ? 'open' : 'closed')
+      })
     },
     [wallet],
   )
 
-  useEffect(() => {
-    wallet.waitForOpen().then(() => {
-      setWalletStatus('open')
-    })
-
-    return () => {
-      setWalletStatus('closed')
-    }
-  }, [wallet])
-
   return { walletStatus, openWallet, joinFederation }
 }

package/lib/hooks/useReceiveEcash.ts

@@ -0,0 +1,50 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useFedimintWallet, useOpenWallet } from '.'
+import { ReissueExternalNotesState } from '@fedimint/core-web'
+
+export const useReceiveEcash = () => {
+  const wallet = useFedimintWallet()
+  const { walletStatus } = useOpenWallet()
+
+  const [operationId, setOperationId] = useState<string>()
+  const [state, setState] = useState<ReissueExternalNotesState | 'Error'>()
+  const [error, setError] = useState<string>()
+
+  useEffect(() => {
+    if (!operationId) return
+
+    const unsubscribe = wallet.mint.subscribeReissueExternalNotes(
+      operationId,
+      (_state) => {
+        setState(_state)
+      },
+      (error) => {
+        setError(error)
+      },
+    )
+
+    return () => {
+      unsubscribe()
+    }
+  }, [operationId])
+
+  const redeemEcash = useCallback(
+    async (notes: string) => {
+      if (walletStatus !== 'open') throw new Error('Wallet is not open')
+      try {
+        const response = await wallet.mint.redeemEcash(notes)
+        setOperationId(response)
+      } catch (e) {
+        setState('Error')
+        setError(e as string)
+      }
+    },
+    [wallet, walletStatus],
+  )
+
+  return {
+    redeemEcash,
+    state,
+    error,
+  }
+}

package/lib/hooks/useSpendEcash.ts

@@ -0,0 +1,54 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useFedimintWallet, useOpenWallet } from '.'
+import { type SpendNotesState } from '@fedimint/core-web'
+
+export const useSpendEcash = () => {
+  const wallet = useFedimintWallet()
+  const { walletStatus } = useOpenWallet()
+
+  const [operationId, setOperationId] = useState<string>()
+  const [notes, setNotes] = useState<string>()
+
+  const [state, setState] = useState<SpendNotesState | 'Error'>()
+  const [error, setError] = useState<string>()
+
+  useEffect(() => {
+    if (!operationId) return
+
+    const unsubscribe = wallet.mint.subscribeSpendNotes(
+      operationId,
+      (_state) => {
+        setState(_state)
+      },
+      (error) => {
+        setState('Error')
+        setError(error)
+      },
+    )
+
+    return () => {
+      unsubscribe()
+    }
+  }, [operationId])
+
+  const spendEcash = useCallback(
+    async (amountSats: number, reclaimAfter?: number) => {
+      if (walletStatus !== 'open') throw new Error('Wallet is not open')
+      const response = await wallet.mint.spendNotes(
+        amountSats * 1000,
+        reclaimAfter,
+      )
+      setOperationId(response.operation_id)
+      setNotes(response.notes)
+      return response.notes
+    },
+    [wallet, walletStatus],
+  )
+
+  return {
+    spendEcash,
+    notes,
+    state,
+    error,
+  }
+}

package/lib/init.ts

@@ -1,10 +1,14 @@
-import { FedimintWallet } from '@fedimint/core-web'
+import { FedimintWallet, WalletDirector } from '@fedimint/core-web'
 
 let wallet: FedimintWallet | undefined
 
+const walletDirector = new WalletDirector()
+
 export const initFedimintReact = (lazy: boolean = false) => {
   if (!lazy) {
-    wallet = new FedimintWallet(lazy)
+    walletDirector.createWallet().then((w) => {
+      wallet = w
+    })
   }
 
   return {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fedimint/react",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "type": "module",
   "files": [
     "dist",
@@ -10,22 +10,22 @@
   "types": "./dist/index.d.ts",
   "peerDependencies": {
     "react": "^18.3.1",
-    "@fedimint/core-web": "0.0.10"
+    "@fedimint/core-web": "0.1.0"
   },
   "devDependencies": {
-    "@types/react": ">=18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": ">=19.1.4",
+    "@types/react-dom": "^18.3.7",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-react": "^4.3.2",
-    "eslint": "^9.11.1",
+    "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.27.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.12",
-    "react-dom": ">=18.3.1",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8",
-    "vite-plugin-dts": "^4.2.4",
-    "vite-plugin-wasm": "^3.3.0"
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "react-dom": ">=19.1.0",
+    "typescript": "^5.8.3",
+    "vite": "^5.4.20",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-wasm": "^3.4.1"
   },
   "scripts": {
     "dev": "vite",