Use RNSecureKeyStore for auth token persistent storage

.storybook/views/story-screen.tsx

@@ -1,16 +1,11 @@
 import * as React from "react"
-import { PersistentStateContext } from "../../app/store/persistent-state"
+import { PersistentStateContext } from "@app/store/persistent-state"
+import { defaultPersistentState } from "@app/store/persistent-state/state-migrations"
 
 const PersistentStateWrapper: React.FC<React.PropsWithChildren> = ({ children }) => (
   <PersistentStateContext.Provider
     value={{
-      persistentState: {
-        schemaVersion: 6,
-        galoyInstance: {
-          id: "Main",
-        },
-        galoyAuthToken: "",
-      },
+      persistentState: defaultPersistentState,
       updateState: () => {},
       resetState: () => {},
     }}

__mocks__/react-native-secure-key-store.js

@@ -0,0 +1,30 @@
+import { ACCESSIBLE } from "react-native-secure-key-store"
+
+export { ACCESSIBLE }
+
+class RNSecureKeyStoreMock {
+  store
+
+  constructor() {
+    this.store = new Map()
+  }
+
+  get(k) {
+    const result = this.store.get(k)
+    return Promise.resolve(result)
+  }
+
+  remove(k) {
+    this.store.delete(k)
+    return Promise.resolve(true)
+  }
+
+  set(k, value) {
+    this.store.set(k, value)
+    return Promise.resolve(true)
+  }
+}
+
+const RNSecureKeyStore = new RNSecureKeyStoreMock()
+
+export default RNSecureKeyStore

__tests__/store/persistent-state/index.spec.tsx

@@ -0,0 +1,50 @@
+import React from "react"
+import { View, Text } from "react-native"
+
+import {
+  PersistentStateProvider,
+  usePersistentStateContext,
+} from "@app/store/persistent-state"
+import * as StateMigrations from "@app/store/persistent-state/state-migrations"
+import KeyStoreWrapper from "@app/utils/storage/secureStorage"
+import { act, render } from "@testing-library/react-native"
+
+const MockConsumer: React.FC = () => {
+  const { persistentState } = usePersistentStateContext()
+  const { galoyAuthToken, schemaVersion, galoyInstance } = persistentState
+
+  return (
+    <View>
+      <Text>{schemaVersion}</Text>
+      <Text>{galoyAuthToken}</Text>
+      <Text>{galoyInstance.id}</Text>
+    </View>
+  )
+}
+
+describe("PersistentStateProvider", () => {
+  it("loads persistent state from storage and secure storage", async () => {
+    const getSecureStorageStateSpy = jest.spyOn(KeyStoreWrapper, "getSecureStorageState")
+    const migrateAndGetLocalStorageStateSpy = jest.spyOn(
+      StateMigrations,
+      "migrateAndGetLocalStorageState",
+    )
+
+    getSecureStorageStateSpy.mockResolvedValue({ galoyAuthToken: "myToken" })
+    migrateAndGetLocalStorageStateSpy.mockResolvedValue({
+      schemaVersion: 7,
+      galoyInstance: { id: "Main" },
+    })
+
+    const { getByText } = render(
+      <PersistentStateProvider>
+        <MockConsumer />
+      </PersistentStateProvider>,
+    )
+    await act(async () => {})
+
+    expect(getByText("7")).toBeTruthy()
+    expect(getByText("myToken")).toBeTruthy()
+    expect(getByText("Main")).toBeTruthy()
+  })
+})

__tests__/store/persistent-state/state-migrations.spec.ts

@@ -0,0 +1,185 @@
+import {
+  defaultLocalStorageState,
+  migrateAndGetLocalStorageState,
+} from "@app/store/persistent-state/state-migrations"
+
+describe("migrateAndGetLocalStorageState", () => {
+  it("uses default state when none is present", async () => {
+    const state = await migrateAndGetLocalStorageState({})
+    expect(state).toEqual(defaultLocalStorageState)
+  })
+
+  it("migrates persistent state", async () => {
+    const state = await migrateAndGetLocalStorageState({
+      schemaVersion: 0,
+      isUsdDisabled: true,
+    })
+    expect(state).toEqual({
+      ...defaultLocalStorageState,
+    })
+  })
+
+  it("returns default when schema is not present", async () => {
+    const state = await migrateAndGetLocalStorageState({
+      schemaVersion: -2,
+    })
+    expect(state).toEqual(defaultLocalStorageState)
+  })
+
+  it("migrates instance from 3 to 7 ", async () => {
+    const state3 = {
+      schemaVersion: 3,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "Blink" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Main" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state3)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migrates unknown instance from 3 to 7 ", async () => {
+    const state3 = {
+      schemaVersion: 3,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "Unknown" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Main" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state3)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migrates Blink instance from 4 to 7 ", async () => {
+    const state4 = {
+      schemaVersion: 4,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "Blink" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Main" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state4)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migrates Staging instance from 4 to 7 ", async () => {
+    const state4 = {
+      schemaVersion: 4,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "Staging" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Staging" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state4)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migrates Local instance from 4 to 7 ", async () => {
+    const state4 = {
+      schemaVersion: 4,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "Local" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Local" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state4)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migrates BBW instance from 4 to 7", async () => {
+    const state4 = {
+      schemaVersion: 4,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "BBW" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Main" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state4)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migrates Custom instance from 4 to 7", async () => {
+    const state4 = {
+      schemaVersion: 4,
+      hasShownStableSatsWelcome: true,
+      isUsdDisabled: true,
+      galoyInstance: { id: "Main", name: "Custom" },
+      galoyAuthToken: "token",
+      isAnalyticsEnabled: false,
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Custom", name: "Custom" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state4)
+
+    expect(res).toStrictEqual(state7)
+  })
+
+  it("migration from 5 to 7", async () => {
+    const state5 = {
+      schemaVersion: 5,
+      galoyInstance: { id: "Main" },
+      galoyAuthToken: "myToken",
+    }
+
+    const state7 = {
+      schemaVersion: 7,
+      galoyInstance: { id: "Main" },
+    }
+
+    const res = await migrateAndGetLocalStorageState(state5)
+
+    expect(res).toStrictEqual(state7)
+  })
+})