fix: preserve order of providers as passed into `useInitializeProvide…

…rs` (#111)

* fix: preserve order of providers as passed into `useInitializeProviders`

Closes #104

* refactor: move code to preserve order of providers into `initializeProviders()`

This change makes the separation of concerns clearer.

src/utils/initializeProviders.test.ts

@@ -97,7 +97,7 @@ describe('initializeProviders', () => {
     const result = await initializeProviders(providers)
 
     // Check if the returned object has the correct keys
-    expect(Object.keys(result)).toEqual(expect.arrayContaining(providers))
+    expect(Object.keys(result)).toEqual(providers)
 
     // Check if the returned clients are instances of BaseClient
     for (const clientInstance of Object.values(result)) {

src/utils/initializeProviders.ts

@@ -20,13 +20,19 @@ export const initializeProviders = async <T extends keyof ProviderConfigMapping>
   nodeConfig?: NodeConfig,
   algosdkStatic?: typeof algosdk
 ): Promise<SupportedProviders> => {
-  const initializedProviders: SupportedProviders = {}
 
   if (typeof window === 'undefined') {
     debugLog('Window object is not available, skipping initialization')
-    return initializedProviders
+    return {} as SupportedProviders
   }
 
+  // Set all providers to null to preserve order
+  const initializedProviders = providers.reduce((acc, provider) => {
+    const providerId = typeof provider === 'string'? provider : provider.id
+    acc[providerId] = null
+    return acc
+  }, {} as SupportedProviders)
+
   const {
     network = DEFAULT_NETWORK,
     nodeServer = DEFAULT_NODE_BASEURL,