Add RampPluginManager service and RampPluginReducer

Author: samholmes

src/__tests__/reducers/__snapshots__/RootReducer.test.ts.snap

@@ -60,6 +60,10 @@ exports[`initialState 1`] = `
     "contacts": "denied",
     "location": "denied",
   },
+  "rampPlugins": {
+    "isLoading": true,
+    "plugins": {},
+  },
   "sortedWalletList": [],
   "staking": {
     "walletStakingMap": {},

src/components/services/RampPluginManager.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react'
+
+import { ENV } from '../../env'
+import { pluginFactories } from '../../plugins/ramps/allRampPlugins'
+import type { RampPlugin } from '../../plugins/ramps/rampPluginTypes'
+import { useDispatch } from '../../types/reactRedux'
+
+export const RampPluginManager: React.FC = () => {
+  const dispatch = useDispatch()
+
+  React.useEffect(() => {
+    const loadPlugins = async (): Promise<void> => {
+      const plugins: Record<string, RampPlugin> = {}
+
+      for (const [pluginId, factory] of Object.entries(pluginFactories)) {
+        const initOptions = ENV.RAMP_PLUGIN_INITS[pluginId]
+        if (initOptions == null) continue
+        try {
+          const plugin = factory({
+            initOptions
+          })
+          plugins[plugin.pluginId] = plugin
+        } catch (error) {
+          console.error(`Failed to load plugin ${pluginId}:`, error)
+        }
+      }
+
+      dispatch({
+        type: 'RAMP_PLUGINS/LOADING_COMPLETE',
+        data: { plugins }
+      })
+    }
+
+    loadPlugins().catch(console.error)
+  }, [dispatch])
+
+  return null
+}

src/components/services/Services.tsx

@@ -44,6 +44,7 @@ import { NetworkActivity } from './NetworkActivity'
 import { NotificationService } from './NotificationService'
 import { PasswordReminderService } from './PasswordReminderService'
 import { PermissionsManager } from './PermissionsManager'
+import { RampPluginManager } from './RampPluginManager'
 import { SortedWalletList } from './SortedWalletList'
 import { WalletConnectService } from './WalletConnectService'
 import { WalletLifecycle } from './WalletLifecycle'
@@ -241,6 +242,7 @@ export function Services(props: Props) {
         <FioService account={account} navigation={navigation} />
       )}
       <PermissionsManager />
+      <RampPluginManager />
       {startLoanManager ? <LoanManagerService account={account} /> : null}
       <NetworkActivity />
       <PasswordReminderService />

src/reducers/RampPluginReducer.ts

@@ -0,0 +1,32 @@
+import type { RampPlugin } from '../plugins/ramps/rampPluginTypes'
+import type { Action } from '../types/reduxTypes'
+
+export interface RampPluginState {
+  readonly isLoading: boolean
+  readonly plugins: Record<string, RampPlugin>
+}
+
+const initialState: RampPluginState = {
+  isLoading: true,
+  plugins: {}
+}
+
+export const rampPlugins = (
+  state: RampPluginState = initialState,
+  action: Action
+): RampPluginState => {
+  switch (action.type) {
+    case 'RAMP_PLUGINS/LOADING_COMPLETE':
+      return {
+        ...state,
+        isLoading: false,
+        plugins: action.data.plugins
+      }
+
+    case 'LOGOUT':
+      return initialState
+
+    default:
+      return state
+  }
+}

src/reducers/RootReducer.ts

@@ -21,6 +21,7 @@ import { account, type AccountState } from './AccountReducer'
 import { core, type CoreState } from './CoreReducer'
 import { network, type NetworkState } from './NetworkReducer'
 import { permissions, type PermissionsState } from './PermissionsReducer'
+import { rampPlugins, type RampPluginState } from './RampPluginReducer'
 import { staking, type StakingState } from './StakingReducer'
 import { ui, type UiState } from './uiReducer'
 
@@ -47,6 +48,7 @@ export interface RootState {
   readonly actionQueue: ActionQueueState
   readonly core: CoreState
   readonly loanManager: LoanManagerState
+  readonly rampPlugins: RampPluginState
   readonly staking: StakingState
   readonly permissions: PermissionsState
   readonly ui: UiState
@@ -137,6 +139,7 @@ export const rootReducer = combineReducers<RootState, Action>({
   core,
   loanManager,
   permissions,
+  rampPlugins,
   staking,
   ui,
   network

src/types/reduxActions.ts

@@ -16,6 +16,7 @@ import type {
 import type { SortOption } from '../components/modals/WalletListSortModal'
 import type { ActionQueueAction } from '../controllers/action-queue/redux/actions'
 import type { LoanManagerActions } from '../controllers/loan-manager/redux/actions'
+import type { RampPlugin } from '../plugins/ramps/rampPluginTypes'
 import type { CcWalletMap } from '../reducers/FioReducer'
 import type { PermissionsState } from '../reducers/PermissionsReducer'
 import type {
@@ -186,6 +187,10 @@ export type Action =
       data: { fioAddress: string; ccWalletMap: CcWalletMap }
     }
   | { type: 'FIO/SET_FIO_DOMAINS'; data: { fioDomains: FioDomain[] } }
+  | {
+      type: 'RAMP_PLUGINS/LOADING_COMPLETE'
+      data: { plugins: Record<string, RampPlugin> }
+    }
   /*
    Self-Contained Package Actions: