@polkahub/read-only 0.5.1 → 0.7.0

package/dist/ManageReadOnly.js

@@ -36,7 +36,7 @@ const ManageAddresses = () => {
         onSubmit: (evt) => {
           evt.preventDefault();
           if (!address) return;
-          readOnlyProvider.addAccount(address);
+          readOnlyProvider.addAccount({ name, address });
           setAddress(null);
         },
         children: [
@@ -79,7 +79,7 @@ const ManageAddresses = () => {
             children: /* @__PURE__ */ jsx(Trash2, {})
           }
         ),
-        /* @__PURE__ */ jsx(AddressIdentity, { addr: account.address }),
+        /* @__PURE__ */ jsx(AddressIdentity, { addr: account.address, name: account.name }),
         /* @__PURE__ */ jsx("div", { className: "grow" }),
         /* @__PURE__ */ jsx(AddressBalance, { addr: account.address }),
         setAccount ? /* @__PURE__ */ jsx(

package/dist/ManageReadOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageReadOnly.js","sources":["../src/ManageReadOnly.tsx"],"sourcesContent":["import {\n  AddressBalance,\n  AddressIdentity,\n  ModalContext,\n  useAvailableAccounts,\n  usePlugin,\n} from \"@polkahub/context\";\nimport { AccountAddress } from \"@polkahub/plugin\";\nimport { useSetSelectedAccount } from \"@polkahub/select-account\";\nimport {\n  Button,\n  InlineAddressInput,\n  Input,\n  SourceButton,\n} from \"@polkahub/ui-components\";\nimport { Eye, Trash2 } from \"lucide-react\";\nimport { useContext, useState, type FC } from \"react\";\nimport { ReadOnlyProvider, readOnlyProviderId } from \"./provider\";\n\nexport const ManageReadOnly: FC = () => {\n  const { pushContent } = useContext(ModalContext)!;\n  const readOnlyProvider = usePlugin<ReadOnlyProvider>(readOnlyProviderId);\n\n  return (\n    <SourceButton\n      label=\"Address\"\n      onClick={() =>\n        pushContent({\n          title: \"Read-only accounts\",\n          element: <ManageAddresses />,\n        })\n      }\n      disabled={!readOnlyProvider}\n    >\n      <div>\n        <Eye className=\"size-10\" />\n      </div>\n    </SourceButton>\n  );\n};\n\nconst ManageAddresses = () => {\n  const [address, setAddress] = useState<AccountAddress | null>(null);\n  const [name, setName] = useState(\"\");\n  const availableAccounts = useAvailableAccounts();\n  const readOnlyProvider = usePlugin<ReadOnlyProvider>(readOnlyProviderId)!;\n  const readOnlyAccounts = availableAccounts[readOnlyProviderId] ?? [];\n  const setAccount = useSetSelectedAccount();\n\n  return (\n    <div className=\"space-y-4\">\n      <form\n        onSubmit={(evt) => {\n          evt.preventDefault();\n          if (!address) return;\n          readOnlyProvider.addAccount(address);\n          setAddress(null);\n        }}\n      >\n        <h3 className=\"font-medium text-muted-foreground\">\n          Add read-only address\n        </h3>\n        <div className=\"flex gap-2 items-center\">\n          <InlineAddressInput\n            name=\"address\"\n            value={address}\n            onChange={setAddress}\n            className=\"shrink-[2]\"\n          />\n          <Input\n            name=\"name\"\n            value={name}\n            onChange={(evt) => setName(evt.target.value)}\n            placeholder=\"Name (optional)\"\n            className=\"shrink-[3]\"\n          />\n          <Button disabled={!address}>Add</Button>\n        </div>\n      </form>\n      {readOnlyAccounts.length ? (\n        <div>\n          <h3 className=\"font-medium text-muted-foreground\">Added addresses</h3>\n          <ul className=\"space-y-2\">\n            {readOnlyAccounts.map((account, i) => (\n              <li key={i} className=\"flex gap-2 items-center\">\n                <Button\n                  variant=\"outline\"\n                  className=\"text-destructive\"\n                  type=\"button\"\n                  onClick={() =>\n                    readOnlyProvider.removeAccount(account.address)\n                  }\n                >\n                  <Trash2 />\n                </Button>\n                <AddressIdentity addr={account.address} />\n                <div className=\"grow\" />\n                <AddressBalance addr={account.address} />\n                {setAccount ? (\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      setAccount(account);\n                    }}\n                  >\n                    Select\n                  </Button>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ManageReadOnly.js","sources":["../src/ManageReadOnly.tsx"],"sourcesContent":["import {\n  AddressBalance,\n  AddressIdentity,\n  ModalContext,\n  useAvailableAccounts,\n  usePlugin,\n} from \"@polkahub/context\";\nimport { AccountAddress } from \"@polkahub/plugin\";\nimport { useSetSelectedAccount } from \"@polkahub/select-account\";\nimport {\n  Button,\n  InlineAddressInput,\n  Input,\n  SourceButton,\n} from \"@polkahub/ui-components\";\nimport { Eye, Trash2 } from \"lucide-react\";\nimport { useContext, useState, type FC } from \"react\";\nimport { ReadOnlyProvider, readOnlyProviderId } from \"./provider\";\n\nexport const ManageReadOnly: FC = () => {\n  const { pushContent } = useContext(ModalContext)!;\n  const readOnlyProvider = usePlugin<ReadOnlyProvider>(readOnlyProviderId);\n\n  return (\n    <SourceButton\n      label=\"Address\"\n      onClick={() =>\n        pushContent({\n          title: \"Read-only accounts\",\n          element: <ManageAddresses />,\n        })\n      }\n      disabled={!readOnlyProvider}\n    >\n      <div>\n        <Eye className=\"size-10\" />\n      </div>\n    </SourceButton>\n  );\n};\n\nconst ManageAddresses = () => {\n  const [address, setAddress] = useState<AccountAddress | null>(null);\n  const [name, setName] = useState(\"\");\n  const availableAccounts = useAvailableAccounts();\n  const readOnlyProvider = usePlugin<ReadOnlyProvider>(readOnlyProviderId)!;\n  const readOnlyAccounts = availableAccounts[readOnlyProviderId] ?? [];\n  const setAccount = useSetSelectedAccount();\n\n  return (\n    <div className=\"space-y-4\">\n      <form\n        onSubmit={(evt) => {\n          evt.preventDefault();\n          if (!address) return;\n          readOnlyProvider.addAccount({ name, address });\n          setAddress(null);\n        }}\n      >\n        <h3 className=\"font-medium text-muted-foreground\">\n          Add read-only address\n        </h3>\n        <div className=\"flex gap-2 items-center\">\n          <InlineAddressInput\n            name=\"address\"\n            value={address}\n            onChange={setAddress}\n            className=\"shrink-[2]\"\n          />\n          <Input\n            name=\"name\"\n            value={name}\n            onChange={(evt) => setName(evt.target.value)}\n            placeholder=\"Name (optional)\"\n            className=\"shrink-[3]\"\n          />\n          <Button disabled={!address}>Add</Button>\n        </div>\n      </form>\n      {readOnlyAccounts.length ? (\n        <div>\n          <h3 className=\"font-medium text-muted-foreground\">Added addresses</h3>\n          <ul className=\"space-y-2\">\n            {readOnlyAccounts.map((account, i) => (\n              <li key={i} className=\"flex gap-2 items-center\">\n                <Button\n                  variant=\"outline\"\n                  className=\"text-destructive\"\n                  type=\"button\"\n                  onClick={() =>\n                    readOnlyProvider.removeAccount(account.address)\n                  }\n                >\n                  <Trash2 />\n                </Button>\n                <AddressIdentity addr={account.address} name={account.name} />\n                <div className=\"grow\" />\n                <AddressBalance addr={account.address} />\n                {setAccount ? (\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      setAccount(account);\n                    }}\n                  >\n                    Select\n                  </Button>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/provider.js

@@ -15,30 +15,40 @@ const createReadOnlyProvider = (opts) => {
     persist,
     []
   );
-  const getAccount = (address) => ({
+  const normalizeInfo = (value) => typeof value === "string" ? {
+    address: value
+  } : value;
+  const getAccount = ({ address, name }) => ({
+    name,
     provider: readOnlyProviderId,
     address,
     signer: fakeSigner ? createFakeSigner(address) : void 0
   });
   const accounts$ = persistedAccounts$.pipeState(
-    map((accounts) => accounts.map(getAccount)),
+    map((accounts) => accounts.map(normalizeInfo).map(getAccount)),
     withDefault([])
   );
   return {
     id: readOnlyProviderId,
-    deserialize: (acc) => getAccount(acc.address),
+    deserialize: (acc) => getAccount(acc),
     accounts$,
     setAccounts: setPersistedAccounts,
-    addAccount: (addr) => {
+    addAccount: (acc) => {
       setPersistedAccounts((v) => {
-        const set = new Set(v);
-        set.add(addr);
-        return [...set];
+        const map2 = new Map(
+          v.map(normalizeInfo).map((acc2) => [acc2.address, acc2])
+        );
+        map2.set(acc.address, acc);
+        return [...map2.values()];
       });
-      return getAccount(addr);
+      return getAccount(acc);
     },
-    removeAccount: (addr) => setPersistedAccounts((v) => v.filter((acc) => acc !== addr)),
-    toAccount: getAccount
+    removeAccount: (addr) => setPersistedAccounts(
+      (v) => v.filter((acc) => normalizeInfo(acc).address !== addr)
+    ),
+    toAccount: (address) => getAccount({
+      address
+    })
   };
 };
 const createFakeSigner = (address) => getPolkadotSigner(AccountId().enc(address), "Sr25519", () => {

package/dist/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../src/provider.ts"],"sourcesContent":["import {\n  Account,\n  AccountAddress,\n  localStorageProvider,\n  persistedState,\n  PersistenceProvider,\n  Plugin,\n} from \"@polkahub/plugin\";\nimport { DefaultedStateObservable, withDefault } from \"@react-rxjs/core\";\nimport { AccountId } from \"polkadot-api\";\nimport { getPolkadotSigner } from \"polkadot-api/signer\";\nimport { map } from \"rxjs\";\n\nexport const readOnlyProviderId = \"readonly\";\nexport interface ReadOnlyProvider extends Plugin {\n  id: \"readonly\";\n  accounts$: DefaultedStateObservable<Account[]>;\n  setAccounts: (payload: AccountAddress[]) => void;\n  addAccount: (address: AccountAddress) => Account;\n  removeAccount: (address: AccountAddress) => void;\n  toAccount: (address: AccountAddress) => Account;\n}\n\nexport const createReadOnlyProvider = (\n  opts?: Partial<{\n    fakeSigner: boolean;\n    persist: PersistenceProvider;\n  }>\n): ReadOnlyProvider => {\n  const { fakeSigner, persist } = {\n    fakeSigner: false,\n    persist: localStorageProvider(\"readonly-accounts\"),\n    ...opts,\n  };\n\n  const [persistedAccounts$, setPersistedAccounts] = persistedState(\n    persist,\n    [] as AccountAddress[]\n  );\n\n  const getAccount = (address: AccountAddress): Account => ({\n    provider: readOnlyProviderId,\n    address,\n    signer: fakeSigner ? createFakeSigner(address) : undefined,\n  });\n\n  const accounts$ = persistedAccounts$.pipeState(\n    map((accounts) => accounts.map(getAccount)),\n    withDefault([])\n  );\n\n  return {\n    id: readOnlyProviderId,\n    deserialize: (acc) => getAccount(acc.address),\n    accounts$,\n    setAccounts: setPersistedAccounts,\n    addAccount: (addr) => {\n      setPersistedAccounts((v) => {\n        const set = new Set(v);\n        set.add(addr);\n        return [...set];\n      });\n      return getAccount(addr);\n    },\n    removeAccount: (addr) =>\n      setPersistedAccounts((v) => v.filter((acc) => acc !== addr)),\n    toAccount: getAccount,\n  };\n};\n\nconst createFakeSigner = (address: AccountAddress) =>\n  getPolkadotSigner(AccountId().enc(address)!, \"Sr25519\", () => {\n    // From https://wiki.acala.network/build/sdks/homa\n    const signature = new Uint8Array(64);\n    signature.fill(0xcd);\n    signature.set([0xde, 0xad, 0xbe, 0xef]);\n    return signature;\n  });\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,kBAAA,GAAqB;AAU3B,MAAM,sBAAA,GAAyB,CACpC,IAAA,KAIqB;AACrB,EAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAQ,GAAI;AAAA,IAC9B,UAAA,EAAY,KAAA;AAAA,IACZ,OAAA,EAAS,qBAAqB,mBAAmB,CAAA;AAAA,IACjD,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,CAAC,kBAAA,EAAoB,oBAAoB,CAAA,GAAI,cAAA;AAAA,IACjD,OAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,OAAA,MAAsC;AAAA,IACxD,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA;AAAA,IACA,MAAA,EAAQ,UAAA,GAAa,gBAAA,CAAiB,OAAO,CAAA,GAAI;AAAA,GACnD,CAAA;AAEA,EAAA,MAAM,YAAY,kBAAA,CAAmB,SAAA;AAAA,IACnC,IAAI,CAAC,QAAA,KAAa,QAAA,CAAS,GAAA,CAAI,UAAU,CAAC,CAAA;AAAA,IAC1C,WAAA,CAAY,EAAE;AAAA,GAChB;AAEA,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,kBAAA;AAAA,IACJ,WAAA,EAAa,CAAC,GAAA,KAAQ,UAAA,CAAW,IAAI,OAAO,CAAA;AAAA,IAC5C,SAAA;AAAA,IACA,WAAA,EAAa,oBAAA;AAAA,IACb,UAAA,EAAY,CAAC,IAAA,KAAS;AACpB,MAAA,oBAAA,CAAqB,CAAC,CAAA,KAAM;AAC1B,QAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,CAAC,CAAA;AACrB,QAAA,GAAA,CAAI,IAAI,IAAI,CAAA;AACZ,QAAA,OAAO,CAAC,GAAG,GAAG,CAAA;AAAA,MAChB,CAAC,CAAA;AACD,MAAA,OAAO,WAAW,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,IAAA,KACd,oBAAA,CAAqB,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,CAAO,CAAC,GAAA,KAAQ,GAAA,KAAQ,IAAI,CAAC,CAAA;AAAA,IAC7D,SAAA,EAAW;AAAA,GACb;AACF;AAEA,MAAM,gBAAA,GAAmB,CAAC,OAAA,KACxB,iBAAA,CAAkB,SAAA,GAAY,GAAA,CAAI,OAAO,CAAA,EAAI,SAAA,EAAW,MAAM;AAE5D,EAAA,MAAM,SAAA,GAAY,IAAI,UAAA,CAAW,EAAE,CAAA;AACnC,EAAA,SAAA,CAAU,KAAK,GAAI,CAAA;AACnB,EAAA,SAAA,CAAU,IAAI,CAAC,GAAA,EAAM,GAAA,EAAM,GAAA,EAAM,GAAI,CAAC,CAAA;AACtC,EAAA,OAAO,SAAA;AACT,CAAC,CAAA;;;;"}
+{"version":3,"file":"provider.js","sources":["../src/provider.ts"],"sourcesContent":["import {\n  Account,\n  AccountAddress,\n  localStorageProvider,\n  persistedState,\n  PersistenceProvider,\n  Plugin,\n} from \"@polkahub/plugin\";\nimport { DefaultedStateObservable, withDefault } from \"@react-rxjs/core\";\nimport { AccountId } from \"polkadot-api\";\nimport { getPolkadotSigner } from \"polkadot-api/signer\";\nimport { map } from \"rxjs\";\n\nexport interface ReadonlyAccountInfo {\n  address: AccountAddress;\n  name?: string;\n}\n\nexport const readOnlyProviderId = \"readonly\";\nexport interface ReadOnlyProvider extends Plugin {\n  id: \"readonly\";\n  accounts$: DefaultedStateObservable<Account[]>;\n  setAccounts: (payload: ReadonlyAccountInfo[]) => void;\n  addAccount: (address: ReadonlyAccountInfo) => Account;\n  removeAccount: (address: AccountAddress) => void;\n  toAccount: (address: AccountAddress) => Account;\n}\n\nexport const createReadOnlyProvider = (\n  opts?: Partial<{\n    fakeSigner: boolean;\n    persist: PersistenceProvider;\n  }>\n): ReadOnlyProvider => {\n  const { fakeSigner, persist } = {\n    fakeSigner: false,\n    persist: localStorageProvider(\"readonly-accounts\"),\n    ...opts,\n  };\n\n  const [persistedAccounts$, setPersistedAccounts] = persistedState(\n    persist,\n    [] as Array<AccountAddress> | Array<ReadonlyAccountInfo>\n  );\n  const normalizeInfo = (\n    value: AccountAddress | ReadonlyAccountInfo\n  ): ReadonlyAccountInfo =>\n    typeof value === \"string\"\n      ? {\n          address: value,\n        }\n      : value;\n\n  const getAccount = ({ address, name }: ReadonlyAccountInfo): Account => ({\n    name,\n    provider: readOnlyProviderId,\n    address,\n    signer: fakeSigner ? createFakeSigner(address) : undefined,\n  });\n\n  const accounts$ = persistedAccounts$.pipeState(\n    map((accounts) => accounts.map(normalizeInfo).map(getAccount)),\n    withDefault([])\n  );\n\n  return {\n    id: readOnlyProviderId,\n    deserialize: (acc) => getAccount(acc),\n    accounts$,\n    setAccounts: setPersistedAccounts,\n    addAccount: (acc) => {\n      setPersistedAccounts((v) => {\n        const map = new Map(\n          v.map(normalizeInfo).map((acc) => [acc.address, acc])\n        );\n        map.set(acc.address, acc);\n        return [...map.values()];\n      });\n      return getAccount(acc);\n    },\n    removeAccount: (addr) =>\n      setPersistedAccounts(\n        (v) =>\n          v.filter((acc) => normalizeInfo(acc).address !== addr) as\n            | ReadonlyAccountInfo[]\n            | AccountAddress[]\n      ),\n    toAccount: (address) =>\n      getAccount({\n        address,\n      }),\n  };\n};\n\nconst createFakeSigner = (address: AccountAddress) =>\n  getPolkadotSigner(AccountId().enc(address)!, \"Sr25519\", () => {\n    // From https://wiki.acala.network/build/sdks/homa\n    const signature = new Uint8Array(64);\n    signature.fill(0xcd);\n    signature.set([0xde, 0xad, 0xbe, 0xef]);\n    return signature;\n  });\n"],"names":["map","acc"],"mappings":";;;;;;AAkBO,MAAM,kBAAA,GAAqB;AAU3B,MAAM,sBAAA,GAAyB,CACpC,IAAA,KAIqB;AACrB,EAAA,MAAM,EAAE,UAAA,EAAY,OAAA,EAAQ,GAAI;AAAA,IAC9B,UAAA,EAAY,KAAA;AAAA,IACZ,OAAA,EAAS,qBAAqB,mBAAmB,CAAA;AAAA,IACjD,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,CAAC,kBAAA,EAAoB,oBAAoB,CAAA,GAAI,cAAA;AAAA,IACjD,OAAA;AAAA,IACA;AAAC,GACH;AACA,EAAA,MAAM,aAAA,GAAgB,CACpB,KAAA,KAEA,OAAO,UAAU,QAAA,GACb;AAAA,IACE,OAAA,EAAS;AAAA,GACX,GACA,KAAA;AAEN,EAAA,MAAM,UAAA,GAAa,CAAC,EAAE,OAAA,EAAS,MAAK,MAAqC;AAAA,IACvE,IAAA;AAAA,IACA,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA;AAAA,IACA,MAAA,EAAQ,UAAA,GAAa,gBAAA,CAAiB,OAAO,CAAA,GAAI;AAAA,GACnD,CAAA;AAEA,EAAA,MAAM,YAAY,kBAAA,CAAmB,SAAA;AAAA,IACnC,GAAA,CAAI,CAAC,QAAA,KAAa,QAAA,CAAS,IAAI,aAAa,CAAA,CAAE,GAAA,CAAI,UAAU,CAAC,CAAA;AAAA,IAC7D,WAAA,CAAY,EAAE;AAAA,GAChB;AAEA,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,kBAAA;AAAA,IACJ,WAAA,EAAa,CAAC,GAAA,KAAQ,UAAA,CAAW,GAAG,CAAA;AAAA,IACpC,SAAA;AAAA,IACA,WAAA,EAAa,oBAAA;AAAA,IACb,UAAA,EAAY,CAAC,GAAA,KAAQ;AACnB,MAAA,oBAAA,CAAqB,CAAC,CAAA,KAAM;AAC1B,QAAA,MAAMA,OAAM,IAAI,GAAA;AAAA,UACd,CAAA,CAAE,GAAA,CAAI,aAAa,CAAA,CAAE,GAAA,CAAI,CAACC,IAAAA,KAAQ,CAACA,IAAAA,CAAI,OAAA,EAASA,IAAG,CAAC;AAAA,SACtD;AACA,QAAAD,IAAAA,CAAI,GAAA,CAAI,GAAA,CAAI,OAAA,EAAS,GAAG,CAAA;AACxB,QAAA,OAAO,CAAC,GAAGA,IAAAA,CAAI,MAAA,EAAQ,CAAA;AAAA,MACzB,CAAC,CAAA;AACD,MAAA,OAAO,WAAW,GAAG,CAAA;AAAA,IACvB,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,IAAA,KACd,oBAAA;AAAA,MACE,CAAC,CAAA,KACC,CAAA,CAAE,MAAA,CAAO,CAAC,QAAQ,aAAA,CAAc,GAAG,CAAA,CAAE,OAAA,KAAY,IAAI;AAAA,KAGzD;AAAA,IACF,SAAA,EAAW,CAAC,OAAA,KACV,UAAA,CAAW;AAAA,MACT;AAAA,KACD;AAAA,GACL;AACF;AAEA,MAAM,gBAAA,GAAmB,CAAC,OAAA,KACxB,iBAAA,CAAkB,SAAA,GAAY,GAAA,CAAI,OAAO,CAAA,EAAI,SAAA,EAAW,MAAM;AAE5D,EAAA,MAAM,SAAA,GAAY,IAAI,UAAA,CAAW,EAAE,CAAA;AACnC,EAAA,SAAA,CAAU,KAAK,GAAI,CAAA;AACnB,EAAA,SAAA,CAAU,IAAI,CAAC,GAAA,EAAM,GAAA,EAAM,GAAA,EAAM,GAAI,CAAC,CAAA;AACtC,EAAA,OAAO,SAAA;AACT,CAAC,CAAA;;;;"}

package/dist/src/index.d.ts

@@ -4,12 +4,16 @@ import { DefaultedStateObservable } from '@react-rxjs/core';
 
 declare const ManageReadOnly: FC;
 
+interface ReadonlyAccountInfo {
+    address: AccountAddress;
+    name?: string;
+}
 declare const readOnlyProviderId = "readonly";
 interface ReadOnlyProvider extends Plugin {
     id: "readonly";
     accounts$: DefaultedStateObservable<Account[]>;
-    setAccounts: (payload: AccountAddress[]) => void;
-    addAccount: (address: AccountAddress) => Account;
+    setAccounts: (payload: ReadonlyAccountInfo[]) => void;
+    addAccount: (address: ReadonlyAccountInfo) => Account;
     removeAccount: (address: AccountAddress) => void;
     toAccount: (address: AccountAddress) => Account;
 }
@@ -19,4 +23,4 @@ declare const createReadOnlyProvider: (opts?: Partial<{
 }>) => ReadOnlyProvider;
 
 export { ManageReadOnly, createReadOnlyProvider, readOnlyProviderId };
-export type { ReadOnlyProvider };
+export type { ReadOnlyProvider, ReadonlyAccountInfo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polkahub/read-only",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "author": "Victor Oliva (https://github.com/voliva)",
   "repository": {
     "type": "git",
@@ -29,16 +29,16 @@
     "index.css"
   ],
   "dependencies": {
-    "@polkadot-api/substrate-bindings": "^0.19.0",
+    "@polkadot-api/substrate-bindings": "^0.20.2",
     "@react-rxjs/core": "^0.10.8",
     "@react-rxjs/utils": "^0.9.7",
-    "lucide-react": "^0.577.0",
-    "polkadot-api": "^2.0.0-rc.5",
+    "lucide-react": "^1.14.0",
+    "polkadot-api": "^2.1.3",
     "rxjs": "^7.8.2",
-    "@polkahub/context": "0.5.1",
-    "@polkahub/select-account": "0.5.1",
-    "@polkahub/ui-components": "0.5.1",
-    "@polkahub/plugin": "0.5.1"
+    "@polkahub/plugin": "0.6.0",
+    "@polkahub/context": "0.6.0",
+    "@polkahub/select-account": "0.6.0",
+    "@polkahub/ui-components": "0.7.0"
   },
   "peerDependencies": {
     "@types/react": "^19.2.2",
@@ -46,7 +46,7 @@
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
-    "react": "^19.2.4"
+    "react": "^19.2.6"
   },
   "scripts": {
     "build": "tsc -b && rollup -c ../../rollup.config.js"