Merge pull request #370 from xmtp-labs/dj/metamask-snaps

Add snaps flow

package.json

@@ -39,7 +39,7 @@
     "@vitejs/plugin-react": "^4.0.0",
     "@wagmi/core": "^0.10.11",
     "@xmtp/content-type-remote-attachment": "^1.0.7",
-    "@xmtp/react-sdk": "^1.3.7",
+    "@xmtp/react-sdk": "^1.4.0-beta.2",
     "buffer": "^6.0.3",
     "date-fns": "^2.29.3",
     "dexie": "^3.2.4",

src/helpers/keys.ts

@@ -5,9 +5,9 @@ const ENCODING = "binary";
 export const buildLocalStorageKey = (walletAddress?: string) =>
   walletAddress ? `xmtp:${getEnv()}:keys:${walletAddress}` : "";
 
-export const loadKeys = (walletAddress?: string): Uint8Array | null => {
+export const loadKeys = (walletAddress?: string): Uint8Array | undefined => {
   const val = localStorage.getItem(buildLocalStorageKey(walletAddress));
-  return val ? Buffer.from(val, ENCODING) : null;
+  return val ? Buffer.from(val, ENCODING) : undefined;
 };
 
 export const storeKeys = (walletAddress: string, keys: Uint8Array) => {

src/helpers/tests/keys.test.ts

@@ -42,19 +42,19 @@ describe("loadKeys", () => {
       '{"type":"Buffer","data":[0,0]}',
     );
   });
-  it("returns null when wallet address exists but key not found in localStorage", () => {
+  it("returns undefined when wallet address exists but key not found in localStorage", () => {
     const walletAddress = "differentWalletAddress";
-    expect(loadKeys(walletAddress)).toBe(null);
+    expect(loadKeys(walletAddress)).toBe(undefined);
   });
-  it("handles empty input by returning null", () => {
-    expect(loadKeys()).toBe(null);
+  it("handles empty input by returning undefined", () => {
+    expect(loadKeys()).toBe(undefined);
   });
 });
 
 describe("wipeKeys", () => {
   it("removes address key from local storage", () => {
     const walletAddress = "testWalletAddress";
     wipeKeys(walletAddress);
-    expect(loadKeys(walletAddress)).toBe(null);
+    expect(loadKeys(walletAddress)).toBe(undefined);
   });
 });