@rango-dev/wallets-react 0.1.1-next.0

package/dist/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LAST_CONNECTED_WALLETS = "last-connected-wallets";
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC"}

package/dist/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProviderContext } from './types';
+export declare const WalletContext: import("react").Context<ProviderContext>;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA8B1C,eAAO,MAAM,aAAa,0CAAiD,CAAC"}

package/dist/helpers.d.ts

@@ -0,0 +1,28 @@
+import { WalletConfig, WalletType } from '@rango-dev/wallets-shared';
+import Wallet from '@rango-dev/wallets-core';
+import type { Options, State as WalletState, EventHandler as WalletEventHandler } from '@rango-dev/wallets-core';
+import { State, WalletActions, ProviderInterface, WalletProviders } from './types';
+export declare function choose(wallets: any[], type: WalletType): any | null;
+export declare const defaultWalletState: WalletState;
+export declare function state_reducer(state: State, action: any): State;
+export declare function connectedWallets(providersState: State): WalletType[];
+export declare function availableWallets(providersState: State): WalletType[];
+export declare function checkWalletProviders(list: ProviderInterface[]): WalletProviders;
+export declare function isAsync(fn: Function): boolean;
+export declare function needsCheckInstallation(options: Options): boolean;
+export declare function tryPersistWallet({ type, walletActions, getState, }: {
+    type: WalletType;
+    walletActions: WalletActions;
+    getState: (walletType: WalletType) => WalletState;
+}): Promise<void>;
+export declare function tryRemoveWalletFromPersistance({ type, walletActions, }: {
+    type: WalletType;
+    walletActions: WalletActions;
+}): void;
+export declare function clearPersistance(): void;
+export declare function autoConnect(wallets: WalletProviders, getWalletInstance: (wallet: {
+    actions: WalletActions;
+    config: WalletConfig;
+}) => Wallet<any>): Promise<void>;
+export declare function makeEventHandler(dispatcher: any, onUpdateState?: WalletEventHandler): WalletEventHandler;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,MAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EACV,OAAO,EACP,KAAK,IAAI,WAAW,EACpB,YAAY,IAAI,kBAAkB,EACnC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAC;AAGjB,wBAAgB,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,UAAU,GAAG,GAAG,GAAG,IAAI,CAEnE;AAED,eAAO,MAAM,kBAAkB,EAAE,WAOhC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SA0BtD;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,KAAK,GAAG,UAAU,EAAE,CAQpE;AAED,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,KAAK,GAAG,UAAU,EAAE,CAIpE;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,iBAAiB,EAAE,GACxB,eAAe,CAYjB;AAGD,wBAAgB,OAAO,CAAC,EAAE,EAAE,QAAQ,WAEnC;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,WAGtD;AAED,wBAAsB,gBAAgB,CAAC,EACrC,IAAI,EACJ,aAAa,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,WAAW,CAAC;CACnD,iBAoBA;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,aAAa,GACd,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;CAC9B,QAUA;AAED,wBAAgB,gBAAgB,SAI/B;AAMD,wBAAsB,WAAW,CAC/B,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAE,CAAC,MAAM,EAAE;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;CACtB,KAAK,MAAM,CAAC,GAAG,CAAC,iBAqDlB;AAOD,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,GAAG,EACf,aAAa,CAAC,EAAE,kBAAkB,sBAoBnC"}

package/dist/hooks.d.ts

@@ -0,0 +1,12 @@
+import { ProviderContext, WalletActions, WalletConfig } from './types';
+import Wallet, { EventHandler as WalletEventHandler } from '@rango-dev/wallets-core';
+/**
+ *
+ *
+ */
+export declare function useInitializers(onChangeState: WalletEventHandler): (wallet: {
+    actions: WalletActions;
+    config: WalletConfig;
+}) => Wallet;
+export declare function useWallets(): ProviderContext;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,MAAM,EAAE,EACb,YAAY,IAAI,kBAAkB,EACnC,MAAM,yBAAyB,CAAC;AAEjC;;;GAGG;AACH,wBAAgB,eAAe,CAAC,aAAa,EAAE,kBAAkB,YAQtC;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;CACtB,KAAG,MAAM,CAiBX;AAED,wBAAgB,UAAU,IAAI,eAAe,CAK5C"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './helpers';
+export { default as Provider } from './provider';
+export { useWallets } from './hooks';
+export * from './types';
+export type { EventHandler } from '@rango-dev/wallets-core';
+export { Events, readAccountAddress } from '@rango-dev/wallets-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+var N=Object.defineProperty;var c=(e,t)=>N(e,"name",{value:t,configurable:!0});import{Persistor as m}from"@rango-dev/wallets-core";var p="last-connected-wallets";function K(e,t){return e.find(i=>i.type===t)||null}c(K,"choose");var g={connected:!1,connecting:!1,reachable:!1,installed:!1,accounts:null,network:null};function P(e,t){if(t.type==="new_state"){let i=e[t.wallet];return i?{...e,[t.wallet]:{...i,[t.name]:t.value}}:{...e,[t.wallet]:{...g,[t.name]:t.value}}}return e}c(P,"state_reducer");function I(e){return Object.entries(e).filter(([,t])=>t?.connected).map(([t])=>t)}c(I,"connectedWallets");function k(e){return Object.entries(e).map(([t])=>t)}c(k,"availableWallets");function x(e){let t=new Map;return e.forEach(i=>{let{config:a,...o}=i;t.set(a.type,{actions:o,config:a})}),t}c(x,"checkWalletProviders");function q(e){return e?.constructor?.name==="AsyncFunction"}c(q,"isAsync");function J(e){let{checkInstallation:t=!0}=e.config;return t}c(J,"needsCheckInstallation");async function S({type:e,walletActions:t,getState:i}){if(t.canEagerConnect){let a=new m,o=a.getItem(p);o?.find(s=>!i(s).connected)&&C();let d=!!o?.find(s=>s===e);o&&!d?a.setItem(p,o.concat(e)):a.setItem(p,[e])}}c(S,"tryPersistWallet");function E({type:e,walletActions:t}){if(t.canEagerConnect){let i=new m,a=i.getItem(p);a&&i.setItem(p,a.filter(o=>o!==e))}}c(E,"tryRemoveWalletFromPersistance");function C(){let e=new m;e.getItem(p)&&e.removeItem(p)}c(C,"clearPersistance");async function T(e,t){let i=new m,a=i.getItem(p);if(a&&a.length){let o=[];a.forEach(s=>{let n=e.get(s);if(n){let r=t(n);o.push({walletType:s,eagerConnect:r.eagerConnect.bind(r)})}});let u=await Promise.allSettled(o.map(({eagerConnect:s})=>s()));if(!!u.find(({status:s})=>s==="fulfilled")){let s=[];u.forEach(({status:n},r)=>{n==="rejected"&&s.push(o[r].walletType)}),s.length&&i.setItem(p,a.filter(n=>!s.includes(n)))}}}c(T,"autoConnect");function v(e,t){return c((a,o,u,d,s)=>{e({type:"new_state",wallet:a,name:o,value:u}),t&&t(a,o,u,d,s)},"handler")}c(v,"makeEventHandler");import L,{useEffect as h,useReducer as _,useRef as F}from"react";import{useContext as R,useRef as H}from"react";import{createContext as b}from"react";var w="Context hasn't been initialized yet.",B={async connect(){throw new Error(w)},async disconnect(){throw new Error(w)},async disconnectAll(){throw new Error(w)},state(){throw new Error(w)},canSwitchNetworkTo(){throw new Error(w)},providers(){throw new Error(w)},getWalletInfo(){throw new Error(w)},getSigners(){throw new Error(w)}},W=b(B);import O from"@rango-dev/wallets-core";function A(e){let t=H({});function i(a){let o=a.config.type;return typeof t.current[o]>"u"&&(t.current[o]=new O({config:a.config,handler:e},a.actions)),t.current[o]}return c(i,"updater"),i}c(A,"useInitializers");function M(){let e=R(W);if(!e)throw Error("useWallet can only be used within the Provider component");return e}c(M,"useWallets");function D(e){let[t,i]=_(P,{}),a=F(!1),o=A(v(i,e.onUpdateState)),u=e.providers,d=x(u),s={async connect(n,r){let l=d.get(n);if(!l)throw new Error(`You should add ${n} to provider first.`);let y=await o(l).connect(r);return e.autoConnect&&S({type:n,walletActions:l.actions,getState:s.state}),y},async disconnect(n){let r=d.get(n);if(!r)throw new Error(`You should add ${n} to provider first.`);await o(r).disconnect(),e.autoConnect&&E({type:n,walletActions:r.actions})},async disconnectAll(){let n=[];return I(t).forEach(r=>{let l=d.get(r);if(l){let f=o(l);n.push(f.disconnect())}}),e.autoConnect&&C(),await Promise.allSettled(n)},state(n){return t[n]||g},canSwitchNetworkTo(n,r){let l=d.get(n);if(!l)return!1;let f=o(l);return f.canSwitchNetworkTo?f.canSwitchNetworkTo(r,f.provider):!1},providers(){let n={};return k(t).forEach(r=>{let l=d.get(r);if(l){let f=o(l);n[r]=f.provider}}),n},getWalletInfo(n){let r=d.get(n);if(!r)throw new Error(`You should add ${n} to provider first.`);return r.actions.getWalletInfo(e.allBlockChains||[])},getSigners(n){let r=d.get(n);if(!r)throw new Error(`You should add ${n} to provider first.`);let l=o(r),f=l.provider;return l.getSigners(f)}};return h(()=>{d.forEach(n=>{let r=o(n),l=c(()=>{r.onInit&&r.onInit()},"runOnInit"),f=c(y=>{y.target&&y.target.readyState==="complete"&&(l(),document.removeEventListener("readystatechange",f))},"initWhenPageIsReady");l(),document.addEventListener("readystatechange",f)})},[]),h(()=>{e.allBlockChains&&d.forEach(r=>{let l=o(r),f=l.getWalletInfo(e.allBlockChains||[]).supportedChains;l.setMeta(f)})},[e.allBlockChains]),h(()=>{d.forEach(n=>{o(n).setHandler(v(i,e.onUpdateState))})},[e.onUpdateState]),h(()=>{e.allBlockChains&&e.allBlockChains.length&&e.autoConnect&&!a.current&&(a.current=!0,(async()=>await T(d,o))())},[e.autoConnect,e.allBlockChains]),L.createElement(W.Provider,{value:s},e.children)}c(D,"Provider");var G=D;import{Events as ge,readAccountAddress as Ce}from"@rango-dev/wallets-core";export{ge as Events,G as Provider,T as autoConnect,k as availableWallets,x as checkWalletProviders,K as choose,C as clearPersistance,I as connectedWallets,g as defaultWalletState,q as isAsync,v as makeEventHandler,J as needsCheckInstallation,Ce as readAccountAddress,P as state_reducer,S as tryPersistWallet,E as tryRemoveWalletFromPersistance,M as useWallets};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/helpers.ts", "../src/constants.ts", "../src/provider.tsx", "../src/hooks.ts", "../src/context.ts", "../src/index.ts"],
+  "sourcesContent": ["import { WalletConfig, WalletType } from '@rango-dev/wallets-shared';\nimport Wallet, { Persistor } from '@rango-dev/wallets-core';\nimport type {\n  Options,\n  State as WalletState,\n  EventHandler as WalletEventHandler,\n} from '@rango-dev/wallets-core';\nimport {\n  State,\n  WalletActions,\n  ProviderInterface,\n  WalletProviders,\n} from './types';\nimport { LAST_CONNECTED_WALLETS } from './constants';\n\nexport function choose(wallets: any[], type: WalletType): any | null {\n  return wallets.find((wallet) => wallet.type === type) || null;\n}\n\nexport const defaultWalletState: WalletState = {\n  connected: false,\n  connecting: false,\n  reachable: false,\n  installed: false,\n  accounts: null,\n  network: null,\n};\n\nexport function state_reducer(state: State, action: any) {\n  if (action.type === 'new_state') {\n    // TODO fix problem and remove ts-ignore\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const target_wallet = state[action.wallet];\n    if (!target_wallet) {\n      return {\n        ...state,\n        [action.wallet]: {\n          ...defaultWalletState,\n          [action.name]: action.value,\n        },\n      };\n    }\n\n    return {\n      ...state,\n      [action.wallet]: {\n        ...target_wallet,\n        [action.name]: action.value,\n      },\n    };\n  }\n\n  return state;\n}\n\nexport function connectedWallets(providersState: State): WalletType[] {\n  return Object.entries(providersState)\n    .filter(([, wallet_state]) => {\n      return wallet_state?.connected;\n    })\n    .map(([type]) => {\n      return type;\n    });\n}\n\nexport function availableWallets(providersState: State): WalletType[] {\n  return Object.entries(providersState).map(([type]) => {\n    return type;\n  });\n}\n\nexport function checkWalletProviders(\n  list: ProviderInterface[]\n): WalletProviders {\n  const wallets: WalletProviders = new Map();\n\n  list.forEach((provider) => {\n    const { config, ...actions } = provider;\n    wallets.set(config.type, {\n      actions,\n      config,\n    });\n  });\n\n  return wallets;\n}\n\n/* eslint-disable @typescript-eslint/ban-types */\nexport function isAsync(fn: Function) {\n  return fn?.constructor?.name === 'AsyncFunction';\n}\n\nexport function needsCheckInstallation(options: Options) {\n  const { checkInstallation = true } = options.config;\n  return checkInstallation;\n}\n\nexport async function tryPersistWallet({\n  type,\n  walletActions,\n  getState,\n}: {\n  type: WalletType;\n  walletActions: WalletActions;\n  getState: (walletType: WalletType) => WalletState;\n}) {\n  if (walletActions.canEagerConnect) {\n    const persistor = new Persistor<string[]>();\n    const wallets = persistor.getItem(LAST_CONNECTED_WALLETS);\n\n    /*\n      If on the last attempt we are unable to eagerly connect to any wallet and the user connects any wallet manualy,\n      persistance will be outdated and will need to be removed.\n    */\n    const shouldClearPersistance = wallets?.find(\n      (walletType) => !getState(walletType).connected\n    );\n\n    if (shouldClearPersistance) clearPersistance();\n\n    const walletAlreadyPersisted = !!wallets?.find((wallet) => wallet === type);\n    if (wallets && !walletAlreadyPersisted)\n      persistor.setItem(LAST_CONNECTED_WALLETS, wallets.concat(type));\n    else persistor.setItem(LAST_CONNECTED_WALLETS, [type]);\n  }\n}\n\nexport function tryRemoveWalletFromPersistance({\n  type,\n  walletActions,\n}: {\n  type: WalletType;\n  walletActions: WalletActions;\n}) {\n  if (walletActions.canEagerConnect) {\n    const persistor = new Persistor<string[]>();\n    const wallets = persistor.getItem(LAST_CONNECTED_WALLETS);\n    if (wallets)\n      persistor.setItem(\n        LAST_CONNECTED_WALLETS,\n        wallets.filter((wallet) => wallet !== type)\n      );\n  }\n}\n\nexport function clearPersistance() {\n  const persistor = new Persistor<string[]>();\n  const wallets = persistor.getItem(LAST_CONNECTED_WALLETS);\n  if (wallets) persistor.removeItem(LAST_CONNECTED_WALLETS);\n}\n\n/*\n  If a wallet has multiple providers and one of them can be eagerly connected,\n  then the whole wallet will support it at that point and we try to connect to that wallet as usual in eagerConnect method.\n*/\nexport async function autoConnect(\n  wallets: WalletProviders,\n  getWalletInstance: (wallet: {\n    actions: WalletActions;\n    config: WalletConfig;\n  }) => Wallet<any>\n) {\n  const persistor = new Persistor<string[]>();\n  const lastConnectedWallets = persistor.getItem(LAST_CONNECTED_WALLETS);\n  if (lastConnectedWallets && lastConnectedWallets.length) {\n    const connect_promises: {\n      walletType: WalletType;\n      eagerConnect: () => Promise<any>;\n    }[] = [];\n    lastConnectedWallets.forEach((walletType) => {\n      const wallet = wallets.get(walletType);\n\n      if (!!wallet) {\n        const walletInstance = getWalletInstance(wallet);\n        connect_promises.push({\n          walletType,\n          eagerConnect: walletInstance.eagerConnect.bind(walletInstance),\n        });\n      }\n    });\n\n    const result = await Promise.allSettled(\n      connect_promises.map(({ eagerConnect }) => eagerConnect())\n    );\n\n    const canRestoreAnyConnection = !!result.find(\n      ({ status }) => status === 'fulfilled'\n    );\n\n    /*\n      After successfully connecting to at least one wallet,\n      we will removing the other wallets from persistence.\n      If we are unable to connect to any wallet,\n      the persistence will not be removed and the eager connection will be retried with another page load.\n     */\n    if (canRestoreAnyConnection) {\n      const walletsToRemoveFromPersistance: WalletType[] = [];\n      result.forEach(({ status }, index) => {\n        if (status === 'rejected')\n          walletsToRemoveFromPersistance.push(\n            connect_promises[index].walletType\n          );\n      });\n\n      if (walletsToRemoveFromPersistance.length)\n        persistor.setItem(\n          LAST_CONNECTED_WALLETS,\n          lastConnectedWallets.filter(\n            (walletType) => !walletsToRemoveFromPersistance.includes(walletType)\n          )\n        );\n    }\n  }\n}\n/*\n  Our event handler includes an internal state updater, and a notifier\n  for the outside listener.\n  On creating first wallet refrence, and on chaning `props.onUpdateState`\n  we are using this function.\n*/\nexport function makeEventHandler(\n  dispatcher: any,\n  onUpdateState?: WalletEventHandler\n) {\n  const handler: WalletEventHandler = (\n    type,\n    name,\n    value,\n    coreState,\n    supportedChains\n  ) => {\n    const action = { type: 'new_state', wallet: type, name, value };\n    // Update state\n    dispatcher(action);\n\n    // Giving the event to the outside listener\n    if (onUpdateState) {\n      onUpdateState(type, name, value, coreState, supportedChains);\n    }\n  };\n\n  return handler;\n}\n", "export const LAST_CONNECTED_WALLETS = 'last-connected-wallets';\n", "import React, { useEffect, useReducer, useRef } from 'react';\nimport { WalletType } from '@rango-dev/wallets-shared';\n\nimport {\n  autoConnect,\n  availableWallets,\n  checkWalletProviders,\n  clearPersistance,\n  connectedWallets,\n  defaultWalletState,\n  tryPersistWallet,\n  tryRemoveWalletFromPersistance,\n  makeEventHandler,\n  state_reducer,\n} from './helpers';\nimport { ProviderProps, ProviderContext } from './types';\nimport { useInitializers } from './hooks';\nimport { WalletContext } from './context';\n\nfunction Provider(props: ProviderProps) {\n  const [providersState, dispatch] = useReducer(state_reducer, {});\n  const autoConnectInitiated = useRef(false);\n\n  // Get (or add) wallet instance (`provider`s will be wraped in a `Wallet`)\n  const getWalletInstance = useInitializers(\n    makeEventHandler(dispatch, props.onUpdateState)\n  );\n\n  // Getting providers from props and put all of them in a `Map` with an appropriate interface.\n  const listOfProviders = props.providers;\n  const wallets = checkWalletProviders(listOfProviders);\n\n  // Final API we put in context and it will be available to use for users.\n  const api: ProviderContext = {\n    async connect(type, network) {\n      const wallet = wallets.get(type);\n      if (!wallet) {\n        throw new Error(`You should add ${type} to provider first.`);\n      }\n      const walletInstance = getWalletInstance(wallet);\n      const result = await walletInstance.connect(network);\n      if (props.autoConnect)\n        tryPersistWallet({\n          type,\n          walletActions: wallet.actions,\n          getState: api.state,\n        });\n\n      return result;\n    },\n    async disconnect(type) {\n      const wallet = wallets.get(type);\n      if (!wallet) {\n        throw new Error(`You should add ${type} to provider first.`);\n      }\n\n      const walletInstance = getWalletInstance(wallet);\n      await walletInstance.disconnect();\n      if (props.autoConnect)\n        tryRemoveWalletFromPersistance({ type, walletActions: wallet.actions });\n    },\n    async disconnectAll() {\n      const disconnect_promises: Promise<any>[] = [];\n\n      // When a wallet is initializing, a record will be added to `providersState`\n      // So we use them to know what wallet has been initialized then we need to\n      // filter connected wallets only.\n      connectedWallets(providersState).forEach((type) => {\n        const wallet = wallets.get(type);\n\n        if (wallet) {\n          const walletInstance = getWalletInstance(wallet);\n          disconnect_promises.push(walletInstance.disconnect());\n        }\n      });\n\n      if (props.autoConnect) clearPersistance();\n      return await Promise.allSettled(disconnect_promises);\n    },\n    state(type) {\n      return providersState[type] || defaultWalletState;\n    },\n    canSwitchNetworkTo(type, network) {\n      const wallet = wallets.get(type);\n      if (!wallet) {\n        return false;\n      }\n\n      const walletInstance = getWalletInstance(wallet);\n      return walletInstance.canSwitchNetworkTo\n        ? walletInstance.canSwitchNetworkTo(network, walletInstance.provider)\n        : false;\n    },\n    providers() {\n      const providers: { [type in WalletType]?: any } = {};\n      availableWallets(providersState).forEach((type) => {\n        const wallet = wallets.get(type);\n        if (wallet) {\n          const walletInstance = getWalletInstance(wallet);\n          providers[type] = walletInstance.provider;\n        }\n      });\n\n      return providers;\n    },\n    getWalletInfo(type) {\n      const wallet = wallets.get(type);\n      if (!wallet) {\n        throw new Error(`You should add ${type} to provider first.`);\n      }\n\n      // Get wallet info could be used in render methods to show wallets data\n      // So, addWalletRef method shouldn't be called in this method\n\n      return wallet.actions.getWalletInfo(props.allBlockChains || []);\n    },\n    getSigners(type) {\n      const wallet = wallets.get(type);\n\n      if (!wallet) {\n        throw new Error(`You should add ${type} to provider first.`);\n      }\n      const walletInstance = getWalletInstance(wallet);\n      const provider = walletInstance.provider;\n      const result = walletInstance.getSigners(provider);\n\n      return result;\n    },\n  };\n\n  useEffect(() => {\n    wallets.forEach((wallet) => {\n      const walletInstance = getWalletInstance(wallet);\n      const runOnInit = () => {\n        if (walletInstance.onInit) {\n          walletInstance.onInit();\n        }\n      };\n\n      const initWhenPageIsReady = (event: Event) => {\n        if (\n          event.target &&\n          (event.target as Document).readyState === 'complete'\n        ) {\n          runOnInit();\n\n          document.removeEventListener('readystatechange', initWhenPageIsReady);\n        }\n      };\n\n      // Try to run, maybe it's ready.\n      runOnInit();\n\n      // Try again when the page has been completely loaded.\n      // Some of wallets, take some time to be fully injected and loaded.\n      document.addEventListener('readystatechange', initWhenPageIsReady);\n    });\n  }, []);\n\n  useEffect(() => {\n    const allBlockChains = props.allBlockChains;\n    if (allBlockChains) {\n      wallets.forEach((wallet) => {\n        const walletInstance = getWalletInstance(wallet);\n        const supportedChains = walletInstance.getWalletInfo(\n          props.allBlockChains || []\n        ).supportedChains;\n        walletInstance.setMeta(supportedChains);\n      });\n    }\n  }, [props.allBlockChains]);\n\n  useEffect(() => {\n    wallets.forEach((wallet) => {\n      const walletInstance = getWalletInstance(wallet);\n      walletInstance.setHandler(\n        makeEventHandler(dispatch, props.onUpdateState)\n      );\n    });\n  }, [props.onUpdateState]);\n\n  useEffect(() => {\n    const shouldTryAutoConnect =\n      props.allBlockChains &&\n      props.allBlockChains.length &&\n      props.autoConnect &&\n      !autoConnectInitiated.current;\n\n    if (shouldTryAutoConnect) {\n      autoConnectInitiated.current = true;\n      (async () => {\n        await autoConnect(wallets, getWalletInstance);\n      })();\n    }\n  }, [props.autoConnect, props.allBlockChains]);\n\n  return (\n    <WalletContext.Provider value={api}>\n      {props.children}\n    </WalletContext.Provider>\n  );\n}\n\nexport default Provider;\n", "import { useContext, useRef } from 'react';\nimport { WalletContext } from './context';\nimport { ProviderContext, WalletActions, WalletConfig } from './types';\nimport Wallet, {\n  EventHandler as WalletEventHandler,\n} from '@rango-dev/wallets-core';\n\n/**\n *\n *\n */\nexport function useInitializers(onChangeState: WalletEventHandler) {\n  const availableWallets = useRef<{\n    [key: string]: Wallet | undefined;\n  }>({});\n\n  // If `wallet` hasn't been added to `availableWallets`,\n  // Get a instance of `Wallet` and save the refrence in `availableWallets`.\n  // Otherwise, return the already created instance.\n  function updater(wallet: {\n    actions: WalletActions;\n    config: WalletConfig;\n  }): Wallet {\n    const type = wallet.config.type;\n    // We only update, if there is no instance available.\n    if (typeof availableWallets.current[type] === 'undefined') {\n      availableWallets.current[type] = new Wallet(\n        {\n          config: wallet.config,\n          handler: onChangeState,\n        },\n        wallet.actions\n      );\n    }\n\n    return availableWallets.current[type]!;\n  }\n\n  return updater;\n}\n\nexport function useWallets(): ProviderContext {\n  const context = useContext(WalletContext);\n  if (!context)\n    throw Error('useWallet can only be used within the Provider component');\n  return context;\n}\n", "import { createContext } from 'react';\nimport { ProviderContext } from './types';\n\nconst defaultErrorMesssage = \"Context hasn't been initialized yet.\";\nconst defaultContext: ProviderContext = {\n  async connect() {\n    throw new Error(defaultErrorMesssage);\n  },\n  async disconnect() {\n    throw new Error(defaultErrorMesssage);\n  },\n  async disconnectAll() {\n    throw new Error(defaultErrorMesssage);\n  },\n  state() {\n    throw new Error(defaultErrorMesssage);\n  },\n  canSwitchNetworkTo() {\n    throw new Error(defaultErrorMesssage);\n  },\n  providers() {\n    throw new Error(defaultErrorMesssage);\n  },\n  getWalletInfo() {\n    throw new Error(defaultErrorMesssage);\n  },\n  getSigners() {\n    throw new Error(defaultErrorMesssage);\n  },\n};\n\nexport const WalletContext = createContext<ProviderContext>(defaultContext);\n", "export * from './helpers';\nexport { default as Provider } from './provider';\nexport { useWallets } from './hooks';\nexport * from './types';\n\nexport type { EventHandler } from '@rango-dev/wallets-core';\nexport { Events, readAccountAddress } from '@rango-dev/wallets-core';\n"],
+  "mappings": "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",
+  "names": ["Persistor", "LAST_CONNECTED_WALLETS", "choose", "wallets", "type", "wallet", "__name", "defaultWalletState", "state_reducer", "state", "action", "target_wallet", "connectedWallets", "providersState", "wallet_state", "availableWallets", "checkWalletProviders", "list", "provider", "config", "actions", "isAsync", "fn", "needsCheckInstallation", "options", "checkInstallation", "tryPersistWallet", "walletActions", "getState", "persistor", "Persistor", "LAST_CONNECTED_WALLETS", "walletType", "clearPersistance", "walletAlreadyPersisted", "tryRemoveWalletFromPersistance", "autoConnect", "getWalletInstance", "lastConnectedWallets", "connect_promises", "walletInstance", "result", "eagerConnect", "status", "walletsToRemoveFromPersistance", "index", "makeEventHandler", "dispatcher", "onUpdateState", "name", "value", "coreState", "supportedChains", "React", "useEffect", "useReducer", "useRef", "useContext", "useRef", "createContext", "defaultErrorMesssage", "defaultContext", "WalletContext", "Wallet", "useInitializers", "onChangeState", "availableWallets", "useRef", "updater", "wallet", "type", "Wallet", "__name", "useWallets", "context", "useContext", "WalletContext", "Provider", "props", "providersState", "dispatch", "useReducer", "state_reducer", "autoConnectInitiated", "useRef", "getWalletInstance", "useInitializers", "makeEventHandler", "listOfProviders", "wallets", "checkWalletProviders", "api", "type", "network", "wallet", "result", "tryPersistWallet", "tryRemoveWalletFromPersistance", "disconnect_promises", "connectedWallets", "walletInstance", "clearPersistance", "defaultWalletState", "providers", "availableWallets", "provider", "useEffect", "runOnInit", "__name", "initWhenPageIsReady", "event", "supportedChains", "autoConnect", "React", "WalletContext", "provider_default", "Events", "readAccountAddress"]
+}

package/dist/provider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProviderProps } from './types';
+declare function Provider(props: ProviderProps): React.JSX.Element;
+export default Provider;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAe7D,OAAO,EAAE,aAAa,EAAmB,MAAM,SAAS,CAAC;AAIzD,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAsLrC;AAED,eAAe,QAAQ,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,117 @@
+import { PropsWithChildren } from 'react';
+import { Network, WalletType, WalletInfo } from '@rango-dev/wallets-shared';
+import { EventHandler as WalletEventHandler, State as WalletState } from '@rango-dev/wallets-core';
+import { SignerFactory, BlockchainMeta } from 'rango-types';
+export type State = {
+    [key: string]: WalletState | undefined;
+};
+export type ConnectResult = {
+    accounts: string[] | null;
+    network: Network | null;
+    provider: any;
+};
+export type Providers = {
+    [type in WalletType]?: any;
+};
+export type ProviderContext = {
+    connect(type: WalletType, network?: Network): Promise<ConnectResult>;
+    disconnect(type: WalletType): Promise<void>;
+    disconnectAll(): Promise<PromiseSettledResult<any>[]>;
+    state(type: WalletType): WalletState;
+    canSwitchNetworkTo(type: WalletType, network: Network): boolean;
+    providers(): Providers;
+    getSigners(type: WalletType): SignerFactory;
+    getWalletInfo(type: WalletType): WalletInfo;
+};
+export type ProviderProps = PropsWithChildren<{
+    onUpdateState?: WalletEventHandler;
+    allBlockChains?: BlockchainMeta[];
+    autoConnect?: boolean;
+    providers: ProviderInterface[];
+}>;
+export declare enum Events {
+    CONNECTED = "connected",
+    CONNECTING = "connecting",
+    REACHABLE = "reachable",
+    INSTALLED = "installed",
+    ACCOUNTS = "accounts",
+    NETWORK = "network"
+}
+export type ProviderConnectResult = {
+    accounts: string[];
+    chainId: string;
+};
+export type GetInstanceOptions = {
+    network?: Network;
+    currentProvider: any;
+    meta: BlockchainMeta[];
+    getState: () => WalletState;
+    /**
+     * We always get the instance once and reuse it whenever we needs. By using this option
+     * We can force the library to get a new instance and replace it with the old one.
+     *
+     * Originally, we used this option for wallet connect 1 and its switching network challenge.
+     */
+    force?: boolean;
+    updateChainId: (chainId: number | string) => void;
+};
+export type GetInstance = (() => any) | ((options: GetInstanceOptions) => Promise<any>);
+export type TryGetInstance = (() => any) | ((options: Pick<GetInstanceOptions, 'force' | 'network'>) => Promise<any>);
+export type Connect = (options: {
+    instance: any;
+    network?: Network;
+    meta: BlockchainMeta[];
+}) => Promise<ProviderConnectResult | ProviderConnectResult[]>;
+export type Disconnect = (options: {
+    instance: any;
+    destroyInstance: () => void;
+}) => Promise<void>;
+export type Subscribe = (options: {
+    instance: any;
+    state: WalletState;
+    meta: BlockchainMeta[];
+    updateChainId: (chainId: string) => void;
+    updateAccounts: (accounts: string[], chainId?: string) => void;
+    connect: (network?: Network) => void;
+    disconnect: () => void;
+}) => void;
+export type SwitchNetwork = (options: {
+    instance: any;
+    network: Network;
+    meta: BlockchainMeta[];
+    newInstance?: TryGetInstance;
+}) => Promise<void>;
+export type CanSwitchNetwork = (options: {
+    network: Network;
+    meta: BlockchainMeta[];
+    provider: any;
+}) => boolean;
+export type CanEagerConnect = (options: {
+    instance: any;
+    meta: BlockchainMeta[];
+}) => Promise<boolean>;
+export interface WalletActions {
+    connect: Connect;
+    getInstance: any;
+    disconnect?: Disconnect;
+    subscribe?: Subscribe;
+    switchNetwork?: SwitchNetwork;
+    getSigners: (provider: any) => SignerFactory;
+    canSwitchNetworkTo?: CanSwitchNetwork;
+    canEagerConnect?: CanEagerConnect;
+    getWalletInfo(allBlockChains: BlockchainMeta[]): WalletInfo;
+}
+export interface WalletConfig {
+    type: WalletType;
+    defaultNetwork?: Network;
+    checkInstallation?: boolean;
+    isAsyncInstance?: boolean;
+}
+export type WalletProviders = Map<WalletType, {
+    actions: WalletActions;
+    config: WalletConfig;
+}>;
+export type ProviderInterface = {
+    config: WalletConfig;
+} & WalletActions;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@rango-dev/wallets-react",
+  "version": "0.1.1-next.0",
+  "license": "MIT",
+  "type": "module",
+  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "node ../../scripts/build/command.mjs --path wallets/react",
+    "clean": "rimraf dist",
+    "format": "prettier --write '{.,src}/**/*.{ts,tsx}'",
+    "lint": "eslint \"**/*.{ts,tsx}\" --ignore-path ../../.eslintignore"
+  },
+  "peerDependencies": {
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "@rango-dev/wallets-core": "^0.14.1-next.0",
+    "@rango-dev/wallets-shared": "^0.14.0",
+    "rango-types": "^0.1.46"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/readme.md

@@ -0,0 +1 @@
+# @rango-dev/wallets-react

package/src/constants.ts

@@ -0,0 +1 @@
+export const LAST_CONNECTED_WALLETS = 'last-connected-wallets';

package/src/context.ts

@@ -0,0 +1,32 @@
+import { createContext } from 'react';
+import { ProviderContext } from './types';
+
+const defaultErrorMesssage = "Context hasn't been initialized yet.";
+const defaultContext: ProviderContext = {
+  async connect() {
+    throw new Error(defaultErrorMesssage);
+  },
+  async disconnect() {
+    throw new Error(defaultErrorMesssage);
+  },
+  async disconnectAll() {
+    throw new Error(defaultErrorMesssage);
+  },
+  state() {
+    throw new Error(defaultErrorMesssage);
+  },
+  canSwitchNetworkTo() {
+    throw new Error(defaultErrorMesssage);
+  },
+  providers() {
+    throw new Error(defaultErrorMesssage);
+  },
+  getWalletInfo() {
+    throw new Error(defaultErrorMesssage);
+  },
+  getSigners() {
+    throw new Error(defaultErrorMesssage);
+  },
+};
+
+export const WalletContext = createContext<ProviderContext>(defaultContext);

package/src/helpers.ts

@@ -0,0 +1,244 @@
+import { WalletConfig, WalletType } from '@rango-dev/wallets-shared';
+import Wallet, { Persistor } from '@rango-dev/wallets-core';
+import type {
+  Options,
+  State as WalletState,
+  EventHandler as WalletEventHandler,
+} from '@rango-dev/wallets-core';
+import {
+  State,
+  WalletActions,
+  ProviderInterface,
+  WalletProviders,
+} from './types';
+import { LAST_CONNECTED_WALLETS } from './constants';
+
+export function choose(wallets: any[], type: WalletType): any | null {
+  return wallets.find((wallet) => wallet.type === type) || null;
+}
+
+export const defaultWalletState: WalletState = {
+  connected: false,
+  connecting: false,
+  reachable: false,
+  installed: false,
+  accounts: null,
+  network: null,
+};
+
+export function state_reducer(state: State, action: any) {
+  if (action.type === 'new_state') {
+    // TODO fix problem and remove ts-ignore
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const target_wallet = state[action.wallet];
+    if (!target_wallet) {
+      return {
+        ...state,
+        [action.wallet]: {
+          ...defaultWalletState,
+          [action.name]: action.value,
+        },
+      };
+    }
+
+    return {
+      ...state,
+      [action.wallet]: {
+        ...target_wallet,
+        [action.name]: action.value,
+      },
+    };
+  }
+
+  return state;
+}
+
+export function connectedWallets(providersState: State): WalletType[] {
+  return Object.entries(providersState)
+    .filter(([, wallet_state]) => {
+      return wallet_state?.connected;
+    })
+    .map(([type]) => {
+      return type;
+    });
+}
+
+export function availableWallets(providersState: State): WalletType[] {
+  return Object.entries(providersState).map(([type]) => {
+    return type;
+  });
+}
+
+export function checkWalletProviders(
+  list: ProviderInterface[]
+): WalletProviders {
+  const wallets: WalletProviders = new Map();
+
+  list.forEach((provider) => {
+    const { config, ...actions } = provider;
+    wallets.set(config.type, {
+      actions,
+      config,
+    });
+  });
+
+  return wallets;
+}
+
+/* eslint-disable @typescript-eslint/ban-types */
+export function isAsync(fn: Function) {
+  return fn?.constructor?.name === 'AsyncFunction';
+}
+
+export function needsCheckInstallation(options: Options) {
+  const { checkInstallation = true } = options.config;
+  return checkInstallation;
+}
+
+export async function tryPersistWallet({
+  type,
+  walletActions,
+  getState,
+}: {
+  type: WalletType;
+  walletActions: WalletActions;
+  getState: (walletType: WalletType) => WalletState;
+}) {
+  if (walletActions.canEagerConnect) {
+    const persistor = new Persistor<string[]>();
+    const wallets = persistor.getItem(LAST_CONNECTED_WALLETS);
+
+    /*
+      If on the last attempt we are unable to eagerly connect to any wallet and the user connects any wallet manualy,
+      persistance will be outdated and will need to be removed.
+    */
+    const shouldClearPersistance = wallets?.find(
+      (walletType) => !getState(walletType).connected
+    );
+
+    if (shouldClearPersistance) clearPersistance();
+
+    const walletAlreadyPersisted = !!wallets?.find((wallet) => wallet === type);
+    if (wallets && !walletAlreadyPersisted)
+      persistor.setItem(LAST_CONNECTED_WALLETS, wallets.concat(type));
+    else persistor.setItem(LAST_CONNECTED_WALLETS, [type]);
+  }
+}
+
+export function tryRemoveWalletFromPersistance({
+  type,
+  walletActions,
+}: {
+  type: WalletType;
+  walletActions: WalletActions;
+}) {
+  if (walletActions.canEagerConnect) {
+    const persistor = new Persistor<string[]>();
+    const wallets = persistor.getItem(LAST_CONNECTED_WALLETS);
+    if (wallets)
+      persistor.setItem(
+        LAST_CONNECTED_WALLETS,
+        wallets.filter((wallet) => wallet !== type)
+      );
+  }
+}
+
+export function clearPersistance() {
+  const persistor = new Persistor<string[]>();
+  const wallets = persistor.getItem(LAST_CONNECTED_WALLETS);
+  if (wallets) persistor.removeItem(LAST_CONNECTED_WALLETS);
+}
+
+/*
+  If a wallet has multiple providers and one of them can be eagerly connected,
+  then the whole wallet will support it at that point and we try to connect to that wallet as usual in eagerConnect method.
+*/
+export async function autoConnect(
+  wallets: WalletProviders,
+  getWalletInstance: (wallet: {
+    actions: WalletActions;
+    config: WalletConfig;
+  }) => Wallet<any>
+) {
+  const persistor = new Persistor<string[]>();
+  const lastConnectedWallets = persistor.getItem(LAST_CONNECTED_WALLETS);
+  if (lastConnectedWallets && lastConnectedWallets.length) {
+    const connect_promises: {
+      walletType: WalletType;
+      eagerConnect: () => Promise<any>;
+    }[] = [];
+    lastConnectedWallets.forEach((walletType) => {
+      const wallet = wallets.get(walletType);
+
+      if (!!wallet) {
+        const walletInstance = getWalletInstance(wallet);
+        connect_promises.push({
+          walletType,
+          eagerConnect: walletInstance.eagerConnect.bind(walletInstance),
+        });
+      }
+    });
+
+    const result = await Promise.allSettled(
+      connect_promises.map(({ eagerConnect }) => eagerConnect())
+    );
+
+    const canRestoreAnyConnection = !!result.find(
+      ({ status }) => status === 'fulfilled'
+    );
+
+    /*
+      After successfully connecting to at least one wallet,
+      we will removing the other wallets from persistence.
+      If we are unable to connect to any wallet,
+      the persistence will not be removed and the eager connection will be retried with another page load.
+     */
+    if (canRestoreAnyConnection) {
+      const walletsToRemoveFromPersistance: WalletType[] = [];
+      result.forEach(({ status }, index) => {
+        if (status === 'rejected')
+          walletsToRemoveFromPersistance.push(
+            connect_promises[index].walletType
+          );
+      });
+
+      if (walletsToRemoveFromPersistance.length)
+        persistor.setItem(
+          LAST_CONNECTED_WALLETS,
+          lastConnectedWallets.filter(
+            (walletType) => !walletsToRemoveFromPersistance.includes(walletType)
+          )
+        );
+    }
+  }
+}
+/*
+  Our event handler includes an internal state updater, and a notifier
+  for the outside listener.
+  On creating first wallet refrence, and on chaning `props.onUpdateState`
+  we are using this function.
+*/
+export function makeEventHandler(
+  dispatcher: any,
+  onUpdateState?: WalletEventHandler
+) {
+  const handler: WalletEventHandler = (
+    type,
+    name,
+    value,
+    coreState,
+    supportedChains
+  ) => {
+    const action = { type: 'new_state', wallet: type, name, value };
+    // Update state
+    dispatcher(action);
+
+    // Giving the event to the outside listener
+    if (onUpdateState) {
+      onUpdateState(type, name, value, coreState, supportedChains);
+    }
+  };
+
+  return handler;
+}

package/src/hooks.ts

@@ -0,0 +1,47 @@
+import { useContext, useRef } from 'react';
+import { WalletContext } from './context';
+import { ProviderContext, WalletActions, WalletConfig } from './types';
+import Wallet, {
+  EventHandler as WalletEventHandler,
+} from '@rango-dev/wallets-core';
+
+/**
+ *
+ *
+ */
+export function useInitializers(onChangeState: WalletEventHandler) {
+  const availableWallets = useRef<{
+    [key: string]: Wallet | undefined;
+  }>({});
+
+  // If `wallet` hasn't been added to `availableWallets`,
+  // Get a instance of `Wallet` and save the refrence in `availableWallets`.
+  // Otherwise, return the already created instance.
+  function updater(wallet: {
+    actions: WalletActions;
+    config: WalletConfig;
+  }): Wallet {
+    const type = wallet.config.type;
+    // We only update, if there is no instance available.
+    if (typeof availableWallets.current[type] === 'undefined') {
+      availableWallets.current[type] = new Wallet(
+        {
+          config: wallet.config,
+          handler: onChangeState,
+        },
+        wallet.actions
+      );
+    }
+
+    return availableWallets.current[type]!;
+  }
+
+  return updater;
+}
+
+export function useWallets(): ProviderContext {
+  const context = useContext(WalletContext);
+  if (!context)
+    throw Error('useWallet can only be used within the Provider component');
+  return context;
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+export * from './helpers';
+export { default as Provider } from './provider';
+export { useWallets } from './hooks';
+export * from './types';
+
+export type { EventHandler } from '@rango-dev/wallets-core';
+export { Events, readAccountAddress } from '@rango-dev/wallets-core';

package/src/provider.tsx

@@ -0,0 +1,204 @@
+import React, { useEffect, useReducer, useRef } from 'react';
+import { WalletType } from '@rango-dev/wallets-shared';
+
+import {
+  autoConnect,
+  availableWallets,
+  checkWalletProviders,
+  clearPersistance,
+  connectedWallets,
+  defaultWalletState,
+  tryPersistWallet,
+  tryRemoveWalletFromPersistance,
+  makeEventHandler,
+  state_reducer,
+} from './helpers';
+import { ProviderProps, ProviderContext } from './types';
+import { useInitializers } from './hooks';
+import { WalletContext } from './context';
+
+function Provider(props: ProviderProps) {
+  const [providersState, dispatch] = useReducer(state_reducer, {});
+  const autoConnectInitiated = useRef(false);
+
+  // Get (or add) wallet instance (`provider`s will be wraped in a `Wallet`)
+  const getWalletInstance = useInitializers(
+    makeEventHandler(dispatch, props.onUpdateState)
+  );
+
+  // Getting providers from props and put all of them in a `Map` with an appropriate interface.
+  const listOfProviders = props.providers;
+  const wallets = checkWalletProviders(listOfProviders);
+
+  // Final API we put in context and it will be available to use for users.
+  const api: ProviderContext = {
+    async connect(type, network) {
+      const wallet = wallets.get(type);
+      if (!wallet) {
+        throw new Error(`You should add ${type} to provider first.`);
+      }
+      const walletInstance = getWalletInstance(wallet);
+      const result = await walletInstance.connect(network);
+      if (props.autoConnect)
+        tryPersistWallet({
+          type,
+          walletActions: wallet.actions,
+          getState: api.state,
+        });
+
+      return result;
+    },
+    async disconnect(type) {
+      const wallet = wallets.get(type);
+      if (!wallet) {
+        throw new Error(`You should add ${type} to provider first.`);
+      }
+
+      const walletInstance = getWalletInstance(wallet);
+      await walletInstance.disconnect();
+      if (props.autoConnect)
+        tryRemoveWalletFromPersistance({ type, walletActions: wallet.actions });
+    },
+    async disconnectAll() {
+      const disconnect_promises: Promise<any>[] = [];
+
+      // When a wallet is initializing, a record will be added to `providersState`
+      // So we use them to know what wallet has been initialized then we need to
+      // filter connected wallets only.
+      connectedWallets(providersState).forEach((type) => {
+        const wallet = wallets.get(type);
+
+        if (wallet) {
+          const walletInstance = getWalletInstance(wallet);
+          disconnect_promises.push(walletInstance.disconnect());
+        }
+      });
+
+      if (props.autoConnect) clearPersistance();
+      return await Promise.allSettled(disconnect_promises);
+    },
+    state(type) {
+      return providersState[type] || defaultWalletState;
+    },
+    canSwitchNetworkTo(type, network) {
+      const wallet = wallets.get(type);
+      if (!wallet) {
+        return false;
+      }
+
+      const walletInstance = getWalletInstance(wallet);
+      return walletInstance.canSwitchNetworkTo
+        ? walletInstance.canSwitchNetworkTo(network, walletInstance.provider)
+        : false;
+    },
+    providers() {
+      const providers: { [type in WalletType]?: any } = {};
+      availableWallets(providersState).forEach((type) => {
+        const wallet = wallets.get(type);
+        if (wallet) {
+          const walletInstance = getWalletInstance(wallet);
+          providers[type] = walletInstance.provider;
+        }
+      });
+
+      return providers;
+    },
+    getWalletInfo(type) {
+      const wallet = wallets.get(type);
+      if (!wallet) {
+        throw new Error(`You should add ${type} to provider first.`);
+      }
+
+      // Get wallet info could be used in render methods to show wallets data
+      // So, addWalletRef method shouldn't be called in this method
+
+      return wallet.actions.getWalletInfo(props.allBlockChains || []);
+    },
+    getSigners(type) {
+      const wallet = wallets.get(type);
+
+      if (!wallet) {
+        throw new Error(`You should add ${type} to provider first.`);
+      }
+      const walletInstance = getWalletInstance(wallet);
+      const provider = walletInstance.provider;
+      const result = walletInstance.getSigners(provider);
+
+      return result;
+    },
+  };
+
+  useEffect(() => {
+    wallets.forEach((wallet) => {
+      const walletInstance = getWalletInstance(wallet);
+      const runOnInit = () => {
+        if (walletInstance.onInit) {
+          walletInstance.onInit();
+        }
+      };
+
+      const initWhenPageIsReady = (event: Event) => {
+        if (
+          event.target &&
+          (event.target as Document).readyState === 'complete'
+        ) {
+          runOnInit();
+
+          document.removeEventListener('readystatechange', initWhenPageIsReady);
+        }
+      };
+
+      // Try to run, maybe it's ready.
+      runOnInit();
+
+      // Try again when the page has been completely loaded.
+      // Some of wallets, take some time to be fully injected and loaded.
+      document.addEventListener('readystatechange', initWhenPageIsReady);
+    });
+  }, []);
+
+  useEffect(() => {
+    const allBlockChains = props.allBlockChains;
+    if (allBlockChains) {
+      wallets.forEach((wallet) => {
+        const walletInstance = getWalletInstance(wallet);
+        const supportedChains = walletInstance.getWalletInfo(
+          props.allBlockChains || []
+        ).supportedChains;
+        walletInstance.setMeta(supportedChains);
+      });
+    }
+  }, [props.allBlockChains]);
+
+  useEffect(() => {
+    wallets.forEach((wallet) => {
+      const walletInstance = getWalletInstance(wallet);
+      walletInstance.setHandler(
+        makeEventHandler(dispatch, props.onUpdateState)
+      );
+    });
+  }, [props.onUpdateState]);
+
+  useEffect(() => {
+    const shouldTryAutoConnect =
+      props.allBlockChains &&
+      props.allBlockChains.length &&
+      props.autoConnect &&
+      !autoConnectInitiated.current;
+
+    if (shouldTryAutoConnect) {
+      autoConnectInitiated.current = true;
+      (async () => {
+        await autoConnect(wallets, getWalletInstance);
+      })();
+    }
+  }, [props.autoConnect, props.allBlockChains]);
+
+  return (
+    <WalletContext.Provider value={api}>
+      {props.children}
+    </WalletContext.Provider>
+  );
+}
+
+export default Provider;

package/src/types.ts

@@ -0,0 +1,142 @@
+import { PropsWithChildren } from 'react';
+import { Network, WalletType, WalletInfo } from '@rango-dev/wallets-shared';
+import {
+  EventHandler as WalletEventHandler,
+  State as WalletState,
+} from '@rango-dev/wallets-core';
+import { SignerFactory, BlockchainMeta } from 'rango-types';
+
+export type State = {
+  [key: string]: WalletState | undefined;
+};
+
+export type ConnectResult = {
+  accounts: string[] | null;
+  network: Network | null;
+  provider: any;
+};
+
+export type Providers = { [type in WalletType]?: any };
+
+export type ProviderContext = {
+  connect(type: WalletType, network?: Network): Promise<ConnectResult>;
+  disconnect(type: WalletType): Promise<void>;
+  disconnectAll(): Promise<PromiseSettledResult<any>[]>;
+  state(type: WalletType): WalletState;
+  canSwitchNetworkTo(type: WalletType, network: Network): boolean;
+  providers(): Providers;
+  getSigners(type: WalletType): SignerFactory;
+  getWalletInfo(type: WalletType): WalletInfo;
+};
+
+export type ProviderProps = PropsWithChildren<{
+  onUpdateState?: WalletEventHandler;
+  allBlockChains?: BlockchainMeta[];
+  autoConnect?: boolean;
+  providers: ProviderInterface[];
+}>;
+
+export enum Events {
+  CONNECTED = 'connected',
+  CONNECTING = 'connecting',
+  REACHABLE = 'reachable',
+  INSTALLED = 'installed',
+  ACCOUNTS = 'accounts',
+  NETWORK = 'network',
+}
+
+export type ProviderConnectResult = {
+  accounts: string[];
+  chainId: string;
+};
+
+export type GetInstanceOptions = {
+  network?: Network;
+  currentProvider: any;
+  meta: BlockchainMeta[];
+  getState: () => WalletState;
+  /**
+   * We always get the instance once and reuse it whenever we needs. By using this option
+   * We can force the library to get a new instance and replace it with the old one.
+   *
+   * Originally, we used this option for wallet connect 1 and its switching network challenge.
+   */
+  force?: boolean;
+  updateChainId: (chainId: number | string) => void;
+};
+
+export type GetInstance =
+  | (() => any)
+  | ((options: GetInstanceOptions) => Promise<any>);
+export type TryGetInstance =
+  | (() => any)
+  | ((options: Pick<GetInstanceOptions, 'force' | 'network'>) => Promise<any>);
+export type Connect = (options: {
+  instance: any;
+  network?: Network;
+  meta: BlockchainMeta[];
+}) => Promise<ProviderConnectResult | ProviderConnectResult[]>;
+
+export type Disconnect = (options: {
+  instance: any;
+  destroyInstance: () => void;
+}) => Promise<void>;
+export type Subscribe = (options: {
+  instance: any;
+  state: WalletState;
+  meta: BlockchainMeta[];
+  updateChainId: (chainId: string) => void;
+  updateAccounts: (accounts: string[], chainId?: string) => void;
+  connect: (network?: Network) => void;
+  disconnect: () => void;
+}) => void;
+
+export type SwitchNetwork = (options: {
+  instance: any;
+  network: Network;
+  meta: BlockchainMeta[];
+  newInstance?: TryGetInstance;
+}) => Promise<void>;
+
+export type CanSwitchNetwork = (options: {
+  network: Network;
+  meta: BlockchainMeta[];
+  provider: any;
+}) => boolean;
+
+export type CanEagerConnect = (options: {
+  instance: any;
+  meta: BlockchainMeta[];
+}) => Promise<boolean>;
+
+export interface WalletActions {
+  connect: Connect;
+  getInstance: any;
+  disconnect?: Disconnect;
+  subscribe?: Subscribe;
+  // unsubscribe, // coupled to subscribe.
+
+  // Optional, but should be provided at the same time.
+  switchNetwork?: SwitchNetwork;
+  getSigners: (provider: any) => SignerFactory;
+  canSwitchNetworkTo?: CanSwitchNetwork;
+  canEagerConnect?: CanEagerConnect;
+  getWalletInfo(allBlockChains: BlockchainMeta[]): WalletInfo;
+}
+
+export interface WalletConfig {
+  type: WalletType;
+  defaultNetwork?: Network;
+  checkInstallation?: boolean;
+  isAsyncInstance?: boolean;
+}
+
+export type WalletProviders = Map<
+  WalletType,
+  {
+    actions: WalletActions;
+    config: WalletConfig;
+  }
+>;
+
+export type ProviderInterface = { config: WalletConfig } & WalletActions;