@bze/bze-ui-kit 0.6.0 → 1.0.0

package/dist/index.d.mts

@@ -50,8 +50,7 @@ import * as _bze_bzejs_cosmos_distribution_v1beta1_distribution from '@bze/bzejs
 import * as _bze_bzejs_cosmos_distribution_v1beta1_query from '@bze/bzejs/cosmos/distribution/v1beta1/query';
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
-import { DeliverTxResponse } from '@cosmjs/stargate';
-import { StdFee, EncodeObject } from 'interchainjs/types';
+import { StdFee, DeliverTxResponse, EncodeObject } from '@bze/bzejs/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextProps } from '@chakra-ui/react';
 
@@ -1029,10 +1028,8 @@ declare function useConnectionType(): {
 
 interface UseSigningClientProps {
     chainName?: string;
-    isIbc?: boolean;
-    isCosmos?: boolean;
 }
-declare const useSigningClient: ({ chainName, isIbc, isCosmos }: UseSigningClientProps) => {
+declare const useSigningClient: ({ chainName }: UseSigningClientProps) => {
     signingClientError: unknown;
     signingClient: unknown;
     isSigningClientReady: boolean;

package/dist/index.d.ts

@@ -50,8 +50,7 @@ import * as _bze_bzejs_cosmos_distribution_v1beta1_distribution from '@bze/bzejs
 import * as _bze_bzejs_cosmos_distribution_v1beta1_query from '@bze/bzejs/cosmos/distribution/v1beta1/query';
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
-import { DeliverTxResponse } from '@cosmjs/stargate';
-import { StdFee, EncodeObject } from 'interchainjs/types';
+import { StdFee, DeliverTxResponse, EncodeObject } from '@bze/bzejs/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextProps } from '@chakra-ui/react';
 
@@ -1029,10 +1028,8 @@ declare function useConnectionType(): {
 
 interface UseSigningClientProps {
     chainName?: string;
-    isIbc?: boolean;
-    isCosmos?: boolean;
 }
-declare const useSigningClient: ({ chainName, isIbc, isCosmos }: UseSigningClientProps) => {
+declare const useSigningClient: ({ chainName }: UseSigningClientProps) => {
     signingClientError: unknown;
     signingClient: unknown;
     isSigningClientReady: boolean;

package/dist/index.js

@@ -2254,6 +2254,10 @@ var counterpartyChainForChannel = async (channelId, portId = "transfer") => {
 
 // src/service/assets_factory.ts
 var ORIGIN_CHAIN_PLACEHOLDER = "Unknown chain";
+var getAssetLogo = (asset) => {
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+  return (_j = (_i = (_f = (_c = (_a2 = asset.logoURIs) == null ? void 0 : _a2.svg) != null ? _c : (_b2 = asset.logoURIs) == null ? void 0 : _b2.png) != null ? _f : (_e = (_d = asset.images) == null ? void 0 : _d[0]) == null ? void 0 : _e.svg) != null ? _i : (_h = (_g = asset.images) == null ? void 0 : _g[0]) == null ? void 0 : _h.png) != null ? _j : TOKEN_LOGO_PLACEHOLDER;
+};
 var getChainAssets = async () => {
   const [metadata, supply] = await Promise.all([getAllMetadataMap(), getAllSupply()]);
   const result = {
@@ -2301,7 +2305,7 @@ var getChainAssets = async () => {
   return result;
 };
 var populateIBCAsset = async (asset) => {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a2, _b2, _c, _d;
   const ibcList = getIBCAssetList();
   const ibcData2 = ibcList.find((item) => item.base === asset.denom);
   if (ibcData2 && ibcData2.traces && ibcData2.traces.length > 0) {
@@ -2312,7 +2316,7 @@ var populateIBCAsset = async (asset) => {
         asset.name = ibcData2.name;
         asset.ticker = ibcData2.symbol.toUpperCase();
         asset.decimals = (_a2 = (0, import_utils2.getExponentByDenomFromAsset)(ibcData2, ibcData2.display)) != null ? _a2 : 0;
-        asset.logo = (_e = (_d = (_b2 = ibcData2.logoURIs) == null ? void 0 : _b2.svg) != null ? _d : (_c = ibcData2.logoURIs) == null ? void 0 : _c.png) != null ? _e : TOKEN_LOGO_PLACEHOLDER;
+        asset.logo = getAssetLogo(ibcData2);
         asset.verified = true;
         asset.IBCData = {
           chain: {
@@ -2322,7 +2326,7 @@ var populateIBCAsset = async (asset) => {
             chainName: firstTrace.counterparty.chain_name,
             channelId: firstTrace.counterparty.channel_id,
             baseDenom: firstTrace.counterparty.base_denom,
-            chainPrettyName: (_f = ibcAssetChain.prettyName) != null ? _f : ibcAssetChain.chainName
+            chainPrettyName: (_b2 = ibcAssetChain.prettyName) != null ? _b2 : ibcAssetChain.chainName
           }
         };
         return asset;
@@ -2358,7 +2362,7 @@ var populateIBCAsset = async (asset) => {
     const fullChain = getChainByChainId(counterPartyChain.chainId);
     if (fullChain) {
       asset.IBCData.counterparty.chainName = fullChain.chainName;
-      asset.IBCData.counterparty.chainPrettyName = (_g = fullChain.prettyName) != null ? _g : fullChain.chainName;
+      asset.IBCData.counterparty.chainPrettyName = (_c = fullChain.prettyName) != null ? _c : fullChain.chainName;
     }
   }
   const registryAssetChain = getAssetLists().find((item) => {
@@ -2369,8 +2373,8 @@ var populateIBCAsset = async (asset) => {
     const registryAsset = registryAssetChain.assets.find((i) => i.base === ibcTrace.base_denom);
     asset.name = registryAsset.name;
     asset.ticker = registryAsset.symbol.toUpperCase();
-    asset.decimals = (_h = (0, import_utils2.getExponentByDenomFromAsset)(registryAsset, registryAsset.display)) != null ? _h : 0;
-    asset.logo = (_l = (_k = (_i = registryAsset.logoURIs) == null ? void 0 : _i.svg) != null ? _k : (_j = registryAsset.logoURIs) == null ? void 0 : _j.png) != null ? _l : TOKEN_LOGO_PLACEHOLDER;
+    asset.decimals = (_d = (0, import_utils2.getExponentByDenomFromAsset)(registryAsset, registryAsset.display)) != null ? _d : 0;
+    asset.logo = getAssetLogo(registryAsset);
     asset.verified = true;
     return asset;
   }
@@ -2400,7 +2404,7 @@ var populateAssetFromChainRegistry = async (asset) => {
   return void 0;
 };
 var populateAssetFromBZEChainRegistryAssetList = async (asset) => {
-  var _a2, _b2, _c, _d, _e;
+  var _a2;
   const data = getAssetLists().find((item) => item.chainName.toLowerCase() === getChainName().toLowerCase());
   if (!data) {
     return void 0;
@@ -2412,7 +2416,7 @@ var populateAssetFromBZEChainRegistryAssetList = async (asset) => {
   asset.decimals = (_a2 = (0, import_utils2.getExponentByDenomFromAsset)(assetData, assetData.display)) != null ? _a2 : 0;
   asset.name = assetData.name;
   asset.ticker = assetData.display.toUpperCase();
-  asset.logo = isNativeDenom(asset.denom) ? BZE_CIRCLE_LOGO : (_e = (_d = (_b2 = assetData.logoURIs) == null ? void 0 : _b2.svg) != null ? _d : (_c = assetData.logoURIs) == null ? void 0 : _c.png) != null ? _e : TOKEN_LOGO_PLACEHOLDER;
+  asset.logo = isNativeDenom(asset.denom) ? BZE_CIRCLE_LOGO : getAssetLogo(assetData);
   return asset;
 };
 var populateAssetFromBlockchainMetadata = (asset, meta) => {
@@ -3315,99 +3319,17 @@ function useConnectionType() {
 }
 
 // src/hooks/useSigningClient.ts
-var import_bzejs4 = require("@bze/bzejs");
-var import_react4 = require("react");
-var import_react5 = require("@interchain-kit/react");
-
-// src/hooks/useSettings.ts
 var import_react3 = require("react");
-function useSettings() {
-  const [settings, setSettingsState] = (0, import_react3.useState)(DEFAULT_SETTINGS);
-  const [isLoaded, setIsLoaded] = (0, import_react3.useState)(false);
+var import_react4 = require("@interchain-kit/react");
+var useSigningClient = ({ chainName }) => {
+  const { getSigningClient, signingClientError, wallet, chain } = (0, import_react4.useChain)(chainName != null ? chainName : getChainName());
+  const [signingClient, setSigningClient] = (0, import_react3.useState)(null);
+  const [isSigningClientReady, setIsSigningClientReady] = (0, import_react3.useState)(false);
+  const hasInitialized = (0, import_react3.useRef)(false);
+  const createSigningClient = (0, import_react3.useCallback)(async () => {
+    return getSigningClient();
+  }, [getSigningClient]);
   (0, import_react3.useEffect)(() => {
-    setSettingsState(getSettings());
-    setIsLoaded(true);
-  }, []);
-  const saveSettings = (0, import_react3.useCallback)((newSettings) => {
-    setSettings(newSettings);
-    setSettingsState(newSettings);
-    return true;
-  }, []);
-  const updateEndpoints = (0, import_react3.useCallback)((endpoints) => {
-    const newSettings = __spreadProps(__spreadValues({}, settings), { endpoints });
-    return saveSettings(newSettings);
-  }, [settings, saveSettings]);
-  const updatePreferredFeeDenom = (0, import_react3.useCallback)((preferredFeeDenom) => {
-    const newSettings = __spreadProps(__spreadValues({}, settings), { preferredFeeDenom });
-    return saveSettings(newSettings);
-  }, [settings, saveSettings]);
-  const resetToDefaults = (0, import_react3.useCallback)(() => {
-    saveSettings(DEFAULT_SETTINGS);
-    return true;
-  }, [saveSettings]);
-  const getEndpoints = (0, import_react3.useCallback)(() => {
-    return settings.endpoints;
-  }, [settings.endpoints]);
-  const defaultSettings = (0, import_react3.useMemo)(() => DEFAULT_SETTINGS, []);
-  const feeDenom = (0, import_react3.useMemo)(() => settings.preferredFeeDenom || getChainNativeAssetDenom(), [settings.preferredFeeDenom]);
-  return {
-    settings,
-    isLoaded,
-    saveSettings,
-    updateEndpoints,
-    updatePreferredFeeDenom,
-    resetToDefaults,
-    getEndpoints,
-    defaultSettings,
-    feeDenom
-  };
-}
-
-// src/hooks/useSigningClient.ts
-var useSigningClient = ({ chainName, isIbc, isCosmos }) => {
-  const { getSigningClient, signingClientError, wallet, chain } = (0, import_react5.useChain)(chainName != null ? chainName : getChainName());
-  const [signingClient, setSigningClient] = (0, import_react4.useState)(null);
-  const [isSigningClientReady, setIsSigningClientReady] = (0, import_react4.useState)(false);
-  const { settings } = useSettings();
-  const hasInitialized = (0, import_react4.useRef)(false);
-  const defaultChainName = (0, import_react4.useMemo)(() => getChainName(), []);
-  const createSigningClient = (0, import_react4.useCallback)(async () => {
-    var _a2;
-    const signingResult = await getSigningClient();
-    const offlineSigner = signingResult == null ? void 0 : signingResult.offlineSigner;
-    const rpcEndpoint = settings.endpoints.rpcEndpoint.replace("wss://", "https://").replace("ws://", "http://");
-    if (!offlineSigner) {
-      return;
-    }
-    let clientFn = import_bzejs4.getSigningBzeClient;
-    if (isIbc) {
-      clientFn = import_bzejs4.getSigningIbcClient;
-    } else if (isCosmos) {
-      clientFn = import_bzejs4.getSigningCosmosClient;
-    }
-    const signer = (_a2 = offlineSigner == null ? void 0 : offlineSigner.offlineSigner) != null ? _a2 : offlineSigner;
-    const getRpcForChain = (name) => {
-      switch (name) {
-        case "archway":
-          return getArchwayRpcURL();
-        case "osmosis":
-          return getOsmosisRpcUrl();
-        case "noble":
-          return getNobleRpcUrl();
-        case "jackal":
-          return getJackalRpcUrl();
-        case "omniflixhub":
-          return getOmniFlixRpcUrl();
-        case "atomone":
-          return getAtomOneRpcUrl();
-        default:
-          return rpcEndpoint;
-      }
-    };
-    const endpoint = chainName && chainName !== defaultChainName ? getRpcForChain(chainName) : rpcEndpoint;
-    return clientFn({ rpcEndpoint: endpoint, signer });
-  }, [getSigningClient, settings.endpoints.rpcEndpoint, isIbc, isCosmos, chainName, defaultChainName]);
-  (0, import_react4.useEffect)(() => {
     if (!wallet || !chain || hasInitialized.current) {
       return;
     }
@@ -3429,12 +3351,12 @@ var useSigningClient = ({ chainName, isIbc, isCosmos }) => {
 };
 
 // src/hooks/usePrices.ts
-var import_react6 = require("react");
+var import_react5 = require("react");
 function useAssetPrice(denom) {
   const { usdPricesMap, marketsDataMap, isLoadingPrices } = useAssetsContext();
-  const usdDenom = (0, import_react6.useMemo)(() => getUSDCDenom(), []);
-  const bzeDenom = (0, import_react6.useMemo)(() => getChainNativeAssetDenom(), []);
-  const change = (0, import_react6.useMemo)(() => {
+  const usdDenom = (0, import_react5.useMemo)(() => getUSDCDenom(), []);
+  const bzeDenom = (0, import_react5.useMemo)(() => getChainNativeAssetDenom(), []);
+  const change = (0, import_react5.useMemo)(() => {
     const marketData = marketsDataMap.get(createMarketId(denom, usdDenom));
     if (marketData) {
       return marketData.change;
@@ -3445,20 +3367,20 @@ function useAssetPrice(denom) {
     }
     return 0;
   }, [marketsDataMap, denom, usdDenom, bzeDenom]);
-  const price = (0, import_react6.useMemo)(() => {
+  const price = (0, import_react5.useMemo)(() => {
     const zeroBN = toBigNumber(0);
     if (denom === "") return zeroBN;
     if (denom === usdDenom) return toBigNumber(1);
     return usdPricesMap.get(denom) || zeroBN;
   }, [usdPricesMap, denom, usdDenom]);
-  const totalUsdValue = (0, import_react6.useCallback)((amount) => {
+  const totalUsdValue = (0, import_react5.useCallback)((amount) => {
     return price.multipliedBy(amount);
   }, [price]);
-  const uAmountUsdValue = (0, import_react6.useCallback)((amount, decimals) => {
+  const uAmountUsdValue = (0, import_react5.useCallback)((amount, decimals) => {
     return totalUsdValue(uAmountToBigNumberAmount(amount, decimals));
   }, [totalUsdValue]);
-  const isUSDC = (0, import_react6.useMemo)(() => denom === usdDenom, [denom, usdDenom]);
-  const hasPrice = (0, import_react6.useMemo)(() => price.gt(0), [price]);
+  const isUSDC = (0, import_react5.useMemo)(() => denom === usdDenom, [denom, usdDenom]);
+  const hasPrice = (0, import_react5.useMemo)(() => price.gt(0), [price]);
   return {
     price,
     change,
@@ -3470,6 +3392,50 @@ function useAssetPrice(denom) {
   };
 }
 
+// src/hooks/useSettings.ts
+var import_react6 = require("react");
+function useSettings() {
+  const [settings, setSettingsState] = (0, import_react6.useState)(DEFAULT_SETTINGS);
+  const [isLoaded, setIsLoaded] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
+    setSettingsState(getSettings());
+    setIsLoaded(true);
+  }, []);
+  const saveSettings = (0, import_react6.useCallback)((newSettings) => {
+    setSettings(newSettings);
+    setSettingsState(newSettings);
+    return true;
+  }, []);
+  const updateEndpoints = (0, import_react6.useCallback)((endpoints) => {
+    const newSettings = __spreadProps(__spreadValues({}, settings), { endpoints });
+    return saveSettings(newSettings);
+  }, [settings, saveSettings]);
+  const updatePreferredFeeDenom = (0, import_react6.useCallback)((preferredFeeDenom) => {
+    const newSettings = __spreadProps(__spreadValues({}, settings), { preferredFeeDenom });
+    return saveSettings(newSettings);
+  }, [settings, saveSettings]);
+  const resetToDefaults = (0, import_react6.useCallback)(() => {
+    saveSettings(DEFAULT_SETTINGS);
+    return true;
+  }, [saveSettings]);
+  const getEndpoints = (0, import_react6.useCallback)(() => {
+    return settings.endpoints;
+  }, [settings.endpoints]);
+  const defaultSettings = (0, import_react6.useMemo)(() => DEFAULT_SETTINGS, []);
+  const feeDenom = (0, import_react6.useMemo)(() => settings.preferredFeeDenom || getChainNativeAssetDenom(), [settings.preferredFeeDenom]);
+  return {
+    settings,
+    isLoaded,
+    saveSettings,
+    updateEndpoints,
+    updatePreferredFeeDenom,
+    resetToDefaults,
+    getEndpoints,
+    defaultSettings,
+    feeDenom
+  };
+}
+
 // src/hooks/useBalances.ts
 var import_bignumber8 = __toESM(require("bignumber.js"));
 var import_react7 = require("react");
@@ -4061,10 +4027,10 @@ var useToast = () => {
 };
 
 // src/hooks/useTx.tsx
-var import_stargate = require("@cosmjs/stargate");
 var import_react15 = require("@interchain-kit/react");
 var import_bignumber13 = __toESM(require("bignumber.js"));
 var import_react16 = require("react");
+var coins = (amount, denom) => [{ amount: String(amount), denom }];
 var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
   TxStatus2["Failed"] = "Transaction Failed";
   TxStatus2["Successful"] = "Transaction Successful";
@@ -4072,34 +4038,34 @@ var TxStatus = /* @__PURE__ */ ((TxStatus2) => {
   return TxStatus2;
 })(TxStatus || {});
 var defaultFee = {
-  amount: (0, import_stargate.coins)(2e4, getChainNativeAssetDenom()),
+  amount: coins(2e4, getChainNativeAssetDenom()),
   gas: "500000"
 };
 var useSDKTx = (chainName) => {
-  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName(), true, false);
+  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName());
   return {
     tx,
     progressTrack
   };
 };
 var useBZETx = () => {
-  const { tx, progressTrack } = useTx(getChainName(), false, false);
+  const { tx, progressTrack } = useTx(getChainName());
   return {
     tx,
     progressTrack
   };
 };
 var useIBCTx = (chainName) => {
-  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName(), false, true);
+  const { tx, progressTrack } = useTx(chainName != null ? chainName : getChainName());
   return {
     tx,
     progressTrack
   };
 };
-var useTx = (chainName, isCosmos, isIBC) => {
+var useTx = (chainName) => {
   const { address, disconnect } = (0, import_react15.useChain)(chainName);
   const { toast } = useToast();
-  const { signingClient, isSigningClientReady, signingClientError } = useSigningClient({ chainName, isCosmos, isIbc: isIBC });
+  const { signingClient, isSigningClientReady, signingClientError } = useSigningClient({ chainName });
   const [progressTrack, setProgressTrack] = (0, import_react16.useState)("");
   const { getDenomsPool } = useLiquidityPools();
   const { feeDenom } = useSettings();
@@ -4118,7 +4084,7 @@ var useTx = (chainName, isCosmos, isIBC) => {
     const gasAmount = (0, import_bignumber13.default)(gasEstimated).multipliedBy(1.5);
     const gasPayment = gasAmount.multipliedBy(gasPrice);
     const nativeFee = {
-      amount: (0, import_stargate.coins)(gasPayment.toFixed(0).toString(), nativeDenom),
+      amount: coins(gasPayment.toFixed(0).toString(), nativeDenom),
       gas: gasAmount.toFixed(0)
     };
     if (feeDenom === nativeDenom) {
@@ -4137,7 +4103,7 @@ var useTx = (chainName, isCosmos, isIBC) => {
       expectedAmount = toBigNumber(1).dividedBy(pool.fee).integerValue(import_bignumber13.default.ROUND_CEIL);
     }
     return {
-      amount: (0, import_stargate.coins)(expectedAmount.toFixed(0).toString(), feeDenom),
+      amount: coins(expectedAmount.toFixed(0).toString(), feeDenom),
       gas: gasAmount.multipliedBy(1.5).toFixed(0)
     };
   }, [signingClient, address, feeDenom, getDenomsPool]);
@@ -4176,7 +4142,7 @@ var useTx = (chainName, isCosmos, isIBC) => {
         const fee = await getFee(msgs, options);
         setProgressTrack("Signing transaction");
         const resp = await signingClient.signAndBroadcast(address, msgs, fee, (_a2 = options == null ? void 0 : options.memo) != null ? _a2 : DEFAULT_TX_MEMO);
-        if ((0, import_stargate.isDeliverTxSuccess)(resp)) {
+        if (resp.code === 0) {
           setProgressTrack("Transaction sent");
           toast.clickableSuccess("Transaction Successful" /* Successful */, () => {
             openExternalLink(`${getChainExplorerURL(chainName != null ? chainName : defaultChainName)}/tx/${resp.transactionHash}`);
@@ -4751,7 +4717,7 @@ var import_lu3 = require("react-icons/lu");
 var import_react27 = require("react");
 var import_core = require("@interchain-kit/core");
 var import_bignumber14 = __toESM(require("bignumber.js"));
-var import_bzejs5 = require("@bze/bzejs");
+var import_bzejs4 = require("@bze/bzejs");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var validateAmount = (amount, coin, onError) => {
   if (!coin) return;
@@ -4866,7 +4832,7 @@ var SendForm = ({ balances, onClose, selectedTicker, accentColor }) => {
       toast.error("Wallet not connected!", "Please connect your wallet first.");
       return;
     }
-    const { send } = import_bzejs5.cosmos.bank.v1beta1.MessageComposer.withTypeUrl;
+    const { send } = import_bzejs4.cosmos.bank.v1beta1.MessageComposer.withTypeUrl;
     const msg = send({
       fromAddress: address,
       toAddress: recipient,