@keplr-wallet/hooks 0.9.18 → 0.10.0

package/src/sign-doc/amount.ts

@@ -3,6 +3,7 @@ import {
   ChainGetter,
   CoinPrimitive,
   CosmosMsgOpts,
+  IAccountStore,
 } from "@keplr-wallet/stores";
 import { AppCurrency } from "@keplr-wallet/types";
 import { action, computed, makeObservable, observable } from "mobx";
@@ -13,15 +14,18 @@ import { computedFn } from "mobx-utils";
 import { Msg } from "@cosmjs/launchpad";
 import { cosmos } from "@keplr-wallet/cosmos";
 
+export type AccountStore = IAccountStore<{
+  cosmos: {
+    readonly msgOpts: CosmosMsgOpts;
+  };
+}>;
+
 // This config helps the fee config to calculate that the fee is enough to send with considering
 // the amount in the sign doc.
 // This sets the amount as the sum of the messages in the sign doc if the message is known and can be parsed.
 export class SignDocAmountConfig
   extends TxChainSetter
   implements IAmountConfig {
-  @observable.ref
-  protected msgOpts: CosmosMsgOpts;
-
   @observable.ref
   protected signDocHelper?: SignDocHelper = undefined;
 
@@ -33,23 +37,17 @@ export class SignDocAmountConfig
 
   constructor(
     chainGetter: ChainGetter,
+    protected readonly accountStore: AccountStore,
     initialChainId: string,
-    msgOpts: CosmosMsgOpts,
     sender: string
   ) {
     super(chainGetter, initialChainId);
 
-    this.msgOpts = msgOpts;
     this._sender = sender;
 
     makeObservable(this);
   }
 
-  @action
-  setMsgOpts(opts: CosmosMsgOpts) {
-    this.msgOpts = opts;
-  }
-
   @action
   setSignDocHelper(signDocHelper: SignDocHelper) {
     this.signDocHelper = signDocHelper;
@@ -115,10 +113,12 @@ export class SignDocAmountConfig
   protected computeAmountInAminoMsgs(msgs: readonly Msg[]) {
     const amount = new Coin(this.sendCurrency.coinMinimalDenom, new Int(0));
 
+    const account = this.accountStore.getAccount(this.chainId);
+
     for (const msg of msgs) {
       try {
         switch (msg.type) {
-          case this.msgOpts.send.native.type:
+          case account.cosmos.msgOpts.send.native.type:
             if (
               msg.value.from_address &&
               msg.value.from_address !== this.sender
@@ -138,7 +138,7 @@ export class SignDocAmountConfig
               }
             }
             break;
-          case this.msgOpts.delegate.type:
+          case account.cosmos.msgOpts.delegate.type:
             if (
               msg.value.delegator_address &&
               msg.value.delegator_address !== this.sender
@@ -222,7 +222,7 @@ export class SignDocAmountConfig
     };
   }
 
-  getError(): Error | undefined {
+  get error(): Error | undefined {
     return undefined;
   }
 
@@ -267,15 +267,14 @@ export class SignDocAmountConfig
 
 export const useSignDocAmountConfig = (
   chainGetter: ChainGetter,
+  accountStore: AccountStore,
   chainId: string,
-  msgOpts: CosmosMsgOpts,
   sender: string
 ) => {
   const [config] = useState(
-    () => new SignDocAmountConfig(chainGetter, chainId, msgOpts, sender)
+    () => new SignDocAmountConfig(chainGetter, accountStore, chainId, sender)
   );
   config.setChain(chainId);
-  config.setMsgOpts(msgOpts);
   config.setSender(sender);
 
   return config;

package/src/tx/amount.ts

@@ -1,8 +1,11 @@
 import { IAmountConfig, IFeeConfig } from "./types";
 import { TxChainSetter } from "./chain";
-import { ChainGetter, CoinPrimitive } from "@keplr-wallet/stores";
+import {
+  ChainGetter,
+  CoinPrimitive,
+  IQueriesStore,
+} from "@keplr-wallet/stores";
 import { action, computed, makeObservable, observable } from "mobx";
-import { ObservableQueryBalances } from "@keplr-wallet/stores/build/query/balances";
 import { AppCurrency } from "@keplr-wallet/types";
 import {
   EmptyAmountError,
@@ -18,9 +21,6 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
   @observable.ref
   protected feeConfig?: IFeeConfig;
 
-  @observable.ref
-  protected queryBalances: ObservableQueryBalances;
-
   @observable
   protected _sender: string;
 
@@ -35,16 +35,15 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
 
   constructor(
     chainGetter: ChainGetter,
+    protected readonly queriesStore: IQueriesStore,
     initialChainId: string,
     sender: string,
-    feeConfig: IFeeConfig | undefined,
-    queryBalances: ObservableQueryBalances
+    feeConfig: IFeeConfig | undefined
   ) {
     super(chainGetter, initialChainId);
 
     this._sender = sender;
     this.feeConfig = feeConfig;
-    this.queryBalances = queryBalances;
     this._amount = "";
 
     makeObservable(this);
@@ -55,11 +54,6 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
     this.feeConfig = feeConfig;
   }
 
-  @action
-  setQueryBalances(queryBalances: ObservableQueryBalances) {
-    this.queryBalances = queryBalances;
-  }
-
   @action
   setSender(sender: string) {
     this._sender = sender;
@@ -112,8 +106,9 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
   @computed
   get amount(): string {
     if (this.fraction != null) {
-      const balance = this.queryBalances
-        .getQueryBech32Address(this.sender)
+      const balance = this.queriesStore
+        .get(this.chainId)
+        .queryBalances.getQueryBech32Address(this.sender)
         .getBalanceFromCurrency(this.sendCurrency);
 
       const result = this.feeConfig?.fee
@@ -187,7 +182,8 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
     return this.chainInfo.currencies;
   }
 
-  getError(): Error | undefined {
+  @computed
+  get error(): Error | undefined {
     const sendCurrency = this.sendCurrency;
     if (!sendCurrency) {
       return new Error("Currency to send not set");
@@ -211,8 +207,9 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
       return new NegativeAmountError("Amount is negative");
     }
 
-    const balance = this.queryBalances
-      .getQueryBech32Address(this.sender)
+    const balance = this.queriesStore
+      .get(this.chainId)
+      .queryBalances.getQueryBech32Address(this.sender)
       .getBalanceFromCurrency(this.sendCurrency);
     const balanceDec = balance.toDec();
     if (dec.gt(balanceDec)) {
@@ -225,16 +222,15 @@ export class AmountConfig extends TxChainSetter implements IAmountConfig {
 
 export const useAmountConfig = (
   chainGetter: ChainGetter,
+  queriesStore: IQueriesStore,
   chainId: string,
-  sender: string,
-  queryBalances: ObservableQueryBalances
+  sender: string
 ) => {
   const [txConfig] = useState(
     () =>
-      new AmountConfig(chainGetter, chainId, sender, undefined, queryBalances)
+      new AmountConfig(chainGetter, queriesStore, chainId, sender, undefined)
   );
   txConfig.setChain(chainId);
-  txConfig.setQueryBalances(queryBalances);
   txConfig.setSender(sender);
 
   return txConfig;

package/src/tx/delegate-tx.ts

@@ -1,14 +1,19 @@
-import { ChainGetter } from "@keplr-wallet/stores";
-import { ObservableQueryBalances } from "@keplr-wallet/stores/build/query/balances";
+import {
+  ChainGetter,
+  IAccountStore,
+  IQueriesStore,
+  MsgOpt,
+} from "@keplr-wallet/stores";
 import {
   AmountConfig,
+  GasConfig,
   useFeeConfig,
-  useGasConfig,
   useMemoConfig,
   useRecipientConfig,
 } from "./index";
 import { AppCurrency } from "@keplr-wallet/types";
 import { useState } from "react";
+import { makeObservable, override } from "mobx";
 
 export class DelegateAmountConfig extends AmountConfig {
   get sendableCurrencies(): AppCurrency[] {
@@ -16,52 +21,104 @@ export class DelegateAmountConfig extends AmountConfig {
   }
 }
 
+export class DelegateGasConfig extends GasConfig {
+  constructor(
+    chainGetter: ChainGetter,
+    protected readonly accountStore: IAccountStore<{
+      cosmos: {
+        readonly msgOpts: {
+          readonly delegate: MsgOpt;
+        };
+      };
+    }>,
+    initialChainId: string
+  ) {
+    super(chainGetter, initialChainId);
+
+    makeObservable(this);
+  }
+
+  @override
+  get gas(): number {
+    // If gas not set manually, assume that the tx is for MsgTransfer.
+    if (this._gasRaw == null) {
+      return this.accountStore.getAccount(this.chainId).cosmos.msgOpts.delegate
+        .gas;
+    }
+
+    return super.gas;
+  }
+}
+
 export const useDelegateAmountConfig = (
   chainGetter: ChainGetter,
+  queriesStore: IQueriesStore,
   chainId: string,
-  sender: string,
-  queryBalances: ObservableQueryBalances
+  sender: string
 ) => {
   const [txConfig] = useState(
     () =>
       new DelegateAmountConfig(
         chainGetter,
+        queriesStore,
         chainId,
         sender,
-        undefined,
-        queryBalances
+        undefined
       )
   );
   txConfig.setChain(chainId);
-  txConfig.setQueryBalances(queryBalances);
   txConfig.setSender(sender);
 
   return txConfig;
 };
 
+export const useDelegateGasConfig = (
+  chainGetter: ChainGetter,
+  accountStore: IAccountStore<{
+    cosmos: {
+      readonly msgOpts: {
+        readonly delegate: MsgOpt;
+      };
+    };
+  }>,
+  chainId: string
+) => {
+  const [gasConfig] = useState(
+    () => new DelegateGasConfig(chainGetter, accountStore, chainId)
+  );
+  gasConfig.setChain(chainId);
+
+  return gasConfig;
+};
+
 export const useDelegateTxConfig = (
   chainGetter: ChainGetter,
+  queriesStore: IQueriesStore,
+  accountStore: IAccountStore<{
+    cosmos: {
+      readonly msgOpts: {
+        readonly delegate: MsgOpt;
+      };
+    };
+  }>,
   chainId: string,
-  gas: number,
   sender: string,
-  queryBalances: ObservableQueryBalances,
   ensEndpoint?: string
 ) => {
   const amountConfig = useDelegateAmountConfig(
     chainGetter,
+    queriesStore,
     chainId,
-    sender,
-    queryBalances
+    sender
   );
 
   const memoConfig = useMemoConfig(chainGetter, chainId);
-  const gasConfig = useGasConfig(chainGetter, chainId, gas);
-  gasConfig.setGas(gas);
+  const gasConfig = useDelegateGasConfig(chainGetter, accountStore, chainId);
   const feeConfig = useFeeConfig(
     chainGetter,
+    queriesStore,
     chainId,
     sender,
-    queryBalances,
     amountConfig,
     gasConfig
   );

package/src/tx/errors.ts

@@ -93,3 +93,11 @@ export class InsufficientFeeError extends Error {
     Object.setPrototypeOf(this, InsufficientFeeError.prototype);
   }
 }
+
+export class UnknownCurrencyError extends Error {
+  constructor(m: string) {
+    super(m);
+    // Set the prototype explicitly.
+    Object.setPrototypeOf(this, UnknownCurrencyError.prototype);
+  }
+}

package/src/tx/fee.ts

@@ -6,20 +6,20 @@ import {
   IGasConfig,
 } from "./types";
 import { TxChainSetter } from "./chain";
-import { ChainGetter, CoinPrimitive } from "@keplr-wallet/stores";
+import {
+  ChainGetter,
+  CoinPrimitive,
+  IQueriesStore,
+} from "@keplr-wallet/stores";
 import { action, computed, makeObservable, observable } from "mobx";
 import { Coin, CoinPretty, Dec, DecUtils, Int } from "@keplr-wallet/unit";
 import { Currency } from "@keplr-wallet/types";
 import { computedFn } from "mobx-utils";
 import { StdFee } from "@cosmjs/launchpad";
 import { useState } from "react";
-import { ObservableQueryBalances } from "@keplr-wallet/stores/build/query/balances";
 import { InsufficientFeeError, NotLoadedFeeError } from "./errors";
 
 export class FeeConfig extends TxChainSetter implements IFeeConfig {
-  @observable.ref
-  protected queryBalances: ObservableQueryBalances;
-
   @observable
   protected _sender: string;
 
@@ -44,9 +44,9 @@ export class FeeConfig extends TxChainSetter implements IFeeConfig {
 
   constructor(
     chainGetter: ChainGetter,
+    protected readonly queriesStore: IQueriesStore,
     initialChainId: string,
     sender: string,
-    queryBalances: ObservableQueryBalances,
     protected readonly amountConfig: IAmountConfig,
     protected readonly gasConfig: IGasConfig,
     additionAmountToNeedFee: boolean = true
@@ -54,7 +54,6 @@ export class FeeConfig extends TxChainSetter implements IFeeConfig {
     super(chainGetter, initialChainId);
 
     this._sender = sender;
-    this.queryBalances = queryBalances;
     this.additionAmountToNeedFee = additionAmountToNeedFee;
 
     makeObservable(this);
@@ -65,11 +64,6 @@ export class FeeConfig extends TxChainSetter implements IFeeConfig {
     this.additionAmountToNeedFee = additionAmountToNeedFee;
   }
 
-  @action
-  setQueryBalances(queryBalances: ObservableQueryBalances) {
-    this.queryBalances = queryBalances;
-  }
-
   @action
   setSender(sender: string) {
     this._sender = sender;
@@ -182,9 +176,10 @@ export class FeeConfig extends TxChainSetter implements IFeeConfig {
     ).maxDecimals(feeCurrency.coinDecimals);
   });
 
-  getError(): Error | undefined {
-    if (this.gasConfig.getError()) {
-      return this.gasConfig.getError();
+  @computed
+  get error(): Error | undefined {
+    if (this.gasConfig.error) {
+      return this.gasConfig.error;
     }
 
     if (this.disableBalanceCheck) {
@@ -209,8 +204,9 @@ export class FeeConfig extends TxChainSetter implements IFeeConfig {
     }
 
     if (need.amount.gt(new Int(0))) {
-      const bal = this.queryBalances
-        .getQueryBech32Address(this._sender)
+      const bal = this.queriesStore
+        .get(this.chainId)
+        .queryBalances.getQueryBech32Address(this._sender)
         .balances.find((bal) => {
           return bal.currency.coinMinimalDenom === need.denom;
         });
@@ -247,9 +243,9 @@ export class FeeConfig extends TxChainSetter implements IFeeConfig {
 
 export const useFeeConfig = (
   chainGetter: ChainGetter,
+  queriesStore: IQueriesStore,
   chainId: string,
   sender: string,
-  queryBalances: ObservableQueryBalances,
   amountConfig: IAmountConfig,
   gasConfig: IGasConfig,
   additionAmountToNeedFee: boolean = true
@@ -258,16 +254,15 @@ export const useFeeConfig = (
     () =>
       new FeeConfig(
         chainGetter,
+        queriesStore,
         chainId,
         sender,
-        queryBalances,
         amountConfig,
         gasConfig,
         additionAmountToNeedFee
       )
   );
   config.setChain(chainId);
-  config.setQueryBalances(queryBalances);
   config.setSender(sender);
   config.setAdditionAmountToNeedFee(additionAmountToNeedFee);
 

package/src/tx/gas.ts

@@ -1,7 +1,7 @@
 import { IGasConfig } from "./types";
 import { TxChainSetter } from "./chain";
 import { ChainGetter } from "@keplr-wallet/stores";
-import { action, makeObservable, observable } from "mobx";
+import { action, computed, makeObservable, observable } from "mobx";
 import { useState } from "react";
 
 export class GasConfig extends TxChainSetter implements IGasConfig {
@@ -33,6 +33,7 @@ export class GasConfig extends TxChainSetter implements IGasConfig {
     return this._gasRaw;
   }
 
+  @computed
   get gas(): number {
     // If the gasRaw is undefined,
     // it means that the user never input something yet.
@@ -67,7 +68,8 @@ export class GasConfig extends TxChainSetter implements IGasConfig {
     }
   }
 
-  getError(): Error | undefined {
+  @computed
+  get error(): Error | undefined {
     if (this._gasRaw === "") {
       return new Error("Gas not set");
     }

package/src/tx/memo.ts

@@ -22,7 +22,7 @@ export class MemoConfig extends TxChainSetter implements IMemoConfig {
     this._memo = memo;
   }
 
-  getError(): Error | undefined {
+  get error(): Error | undefined {
     return undefined;
   }
 }

package/src/tx/recipient.ts

@@ -107,7 +107,8 @@ export class RecipientConfig extends TxChainSetter implements IRecipientConfig {
     this._ensEndpoint = endpoint;
   }
 
-  getError(): Error | undefined {
+  @computed
+  get error(): Error | undefined {
     if (!this.rawRecipient) {
       return new EmptyAddressError("Address is empty");
     }

package/src/tx/redelegate-tx.ts

@@ -1,38 +1,99 @@
-import { ChainGetter, ObservableQueryDelegations } from "@keplr-wallet/stores";
-import { ObservableQueryBalances } from "@keplr-wallet/stores/build/query/balances";
 import {
+  ChainGetter,
+  IQueriesStore,
+  CosmosQueriesImpl,
+  IAccountStore,
+  MsgOpt,
+} from "@keplr-wallet/stores";
+import {
+  GasConfig,
   useFeeConfig,
-  useGasConfig,
   useMemoConfig,
   useRecipientConfig,
 } from "./index";
 import { useStakedAmountConfig } from "./staked-amount";
+import { makeObservable, override } from "mobx";
+import { useState } from "react";
+
+export class RedelegateGasConfig extends GasConfig {
+  constructor(
+    chainGetter: ChainGetter,
+    protected readonly accountStore: IAccountStore<{
+      cosmos: {
+        readonly msgOpts: {
+          readonly redelegate: MsgOpt;
+        };
+      };
+    }>,
+    initialChainId: string
+  ) {
+    super(chainGetter, initialChainId);
+
+    makeObservable(this);
+  }
+
+  @override
+  get gas(): number {
+    // If gas not set manually, assume that the tx is for MsgTransfer.
+    if (this._gasRaw == null) {
+      return this.accountStore.getAccount(this.chainId).cosmos.msgOpts
+        .redelegate.gas;
+    }
+
+    return super.gas;
+  }
+}
+
+export const useRedelegateGasConfig = (
+  chainGetter: ChainGetter,
+  accountStore: IAccountStore<{
+    cosmos: {
+      readonly msgOpts: {
+        readonly redelegate: MsgOpt;
+      };
+    };
+  }>,
+  chainId: string
+) => {
+  const [gasConfig] = useState(
+    () => new RedelegateGasConfig(chainGetter, accountStore, chainId)
+  );
+  gasConfig.setChain(chainId);
+
+  return gasConfig;
+};
 
 export const useRedelegateTxConfig = (
   chainGetter: ChainGetter,
+  queriesStore: IQueriesStore<{
+    cosmos: Pick<CosmosQueriesImpl, "queryDelegations">;
+  }>,
+  accountStore: IAccountStore<{
+    cosmos: {
+      readonly msgOpts: {
+        readonly redelegate: MsgOpt;
+      };
+    };
+  }>,
   chainId: string,
-  gas: number,
   sender: string,
-  queryBalances: ObservableQueryBalances,
-  queryDelegations: ObservableQueryDelegations,
   srcValidatorAddress: string
 ) => {
   const amountConfig = useStakedAmountConfig(
     chainGetter,
+    queriesStore,
     chainId,
     sender,
-    queryDelegations,
     srcValidatorAddress
   );
 
   const memoConfig = useMemoConfig(chainGetter, chainId);
-  const gasConfig = useGasConfig(chainGetter, chainId, gas);
-  gasConfig.setGas(gas);
+  const gasConfig = useRedelegateGasConfig(chainGetter, accountStore, chainId);
   const feeConfig = useFeeConfig(
     chainGetter,
+    queriesStore,
     chainId,
     sender,
-    queryBalances,
     amountConfig,
     gasConfig,
     false