@0xsquid/react-hooks 1.0.3 → 1.0.5

package/dist/core/types/transaction.js

@@ -0,0 +1,38 @@
+export var TransactionType;
+(function (TransactionType) {
+    TransactionType["BRIDGE"] = "BRIDGE";
+    TransactionType["BRIDGE_CALL"] = "BRIDGE_CALL";
+    TransactionType["CALL_BRIDGE"] = "CALL_BRIDGE";
+    TransactionType["CALL_BRIDGE_CALL"] = "CALL_BRIDGE_CALL";
+})(TransactionType || (TransactionType = {}));
+export var AxelarStatusResponseType;
+(function (AxelarStatusResponseType) {
+    AxelarStatusResponseType["GAS_PAID_NOT_ENOUGH_GAS"] = "gas_paid_not_enough_gas";
+    AxelarStatusResponseType["DESTINATION_EXECUTED"] = "destination_executed";
+    AxelarStatusResponseType["EXPRESS_EXECUTED"] = "express_executed";
+    AxelarStatusResponseType["CROSS_MULTICALL_EXECUTED"] = "CrossMulticallExecuted";
+    AxelarStatusResponseType["CROSS_MULTICALL_FAILED"] = "CrossMulticallFailed";
+    AxelarStatusResponseType["SRC_GATEWAY_CALLED"] = "source_gateway_called";
+    AxelarStatusResponseType["DEST_GATEWAY_APPROVED"] = "destination_gateway_approved";
+    AxelarStatusResponseType["DESTINATION_EXECUTE_ERROR"] = "destination_execute_error";
+    AxelarStatusResponseType["DESTINATION_EXECUTING"] = "executing";
+    AxelarStatusResponseType["UNKNOWN_ERROR"] = "unknown_error";
+    AxelarStatusResponseType["CANNOT_FETCH_STATUS"] = "cannot_fetch_status";
+    AxelarStatusResponseType["ERROR"] = "error";
+})(AxelarStatusResponseType || (AxelarStatusResponseType = {}));
+export var TransactionStatus;
+(function (TransactionStatus) {
+    // Submitted transaction, returned by squid axelar
+    TransactionStatus["SUCCESS"] = "success";
+    TransactionStatus["NEEDS_GAS"] = "needs_gas";
+    TransactionStatus["ONGOING"] = "ongoing";
+    TransactionStatus["PARTIAL_SUCCESS"] = "partial_success";
+    TransactionStatus["NOT_FOUND"] = "not_found";
+    // Unsubmitted Transaction, can be status from wallet
+    TransactionStatus["INITIAL_LOADING"] = "initialLoading";
+    TransactionStatus["ERROR"] = "error";
+    TransactionStatus["WARNING"] = "warning";
+    TransactionStatus["PENDING"] = "pending";
+    TransactionStatus["REJECTED"] = "rejected";
+})(TransactionStatus || (TransactionStatus = {}));
+//# sourceMappingURL=transaction.js.map

package/dist/core/types/transaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction.js","sourceRoot":"","sources":["../../../src/core/types/transaction.ts"],"names":[],"mappings":"AASA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,wDAAqC,CAAA;AACvC,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,wBAaX;AAbD,WAAY,wBAAwB;IAClC,+EAAmD,CAAA;IACnD,yEAA6C,CAAA;IAC7C,iEAAqC,CAAA;IACrC,+EAAmD,CAAA;IACnD,2EAA+C,CAAA;IAC/C,wEAA4C,CAAA;IAC5C,kFAAsD,CAAA;IACtD,mFAAuD,CAAA;IACvD,+DAAmC,CAAA;IACnC,2DAA+B,CAAA;IAC/B,uEAA2C,CAAA;IAC3C,2CAAe,CAAA;AACjB,CAAC,EAbW,wBAAwB,KAAxB,wBAAwB,QAanC;AAED,MAAM,CAAN,IAAY,iBAaX;AAbD,WAAY,iBAAiB;IAC3B,kDAAkD;IAClD,wCAAmB,CAAA;IACnB,4CAAuB,CAAA;IACvB,wCAAmB,CAAA;IACnB,wDAAmC,CAAA;IACnC,4CAAuB,CAAA;IACvB,qDAAqD;IACrD,uDAAkC,CAAA;IAClC,oCAAe,CAAA;IACf,wCAAmB,CAAA;IACnB,wCAAmB,CAAA;IACnB,0CAAqB,CAAA;AACvB,CAAC,EAbW,iBAAiB,KAAjB,iBAAiB,QAa5B"}

package/dist/core/types/types.d.ts

@@ -0,0 +1,30 @@
+import type { Token } from "@0xsquid/sdk/dist/types";
+export type SwapDirection = "from" | "to";
+export type NextJsImg = {
+    src: string;
+};
+export type ImgType = string | NextJsImg;
+export declare enum FeeType {
+    AXELAR_FEE = "Axelar Fee",
+    GAS_RECEIVER_FEE = "Cross-chain gas fees"
+}
+export type FeeCost = {
+    name: FeeType;
+    description: string;
+    percentage: string;
+    token: Token;
+    amount: string;
+    amountUSD: string;
+};
+export type ApiBasicResponse = {
+    error?: string;
+    errorType?: any;
+};
+export type TimeSpent = {
+    send_vote?: number;
+    type?: string;
+    destination_chain_type?: string;
+    source_chain_type?: string;
+    total?: number;
+    vote_ibc?: number;
+};

package/dist/core/types/types.js

@@ -0,0 +1,7 @@
+// TODO: BELOW Are temporary types taken from api for development because SDK wasn't up to date
+export var FeeType;
+(function (FeeType) {
+    FeeType["AXELAR_FEE"] = "Axelar Fee";
+    FeeType["GAS_RECEIVER_FEE"] = "Cross-chain gas fees";
+})(FeeType || (FeeType = {}));
+//# sourceMappingURL=types.js.map

package/dist/core/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/core/types/types.ts"],"names":[],"mappings":"AASA,+FAA+F;AAC/F,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,oCAAyB,CAAA;IACzB,oDAAyC,CAAA;AAC3C,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB"}

package/dist/core/types/wallet.d.ts

@@ -0,0 +1,55 @@
+import type { ChainType } from "@0xsquid/sdk/dist/types";
+import type { Chain } from "wagmi";
+export type TypedWindow = Window & typeof globalThis & {
+    [key in WindowWalletFlag]?: any;
+};
+export declare enum WindowWalletFlag {
+    Binance = "bbcSignTx",
+    Coinbase = "isCoinbaseWallet",
+    MetaMask = "isMetaMask",
+    WalletConnect = "walletConnect",
+    CosmostationEVM = "cosmostation",
+    BlockchainDotCom = "blockchaindotcom",
+    CosmostationCosmos = "cosmostation.providers.keplr",
+    Keplr = "keplr",
+    Leap = "leap",
+    Xdefi = "xfi",
+    XdefiCosmos = "xfi.keplr",
+    BitGet = "bitkeep",
+    TrustWallet = "trustwallet",
+    FetchAi = "keplr",// Sadly the same as the real Keplr wallet
+    Coin98 = "coin98",
+    Rabby = "isRabby",
+    OKX = "okxwallet",
+    Injected = "injected",
+    DefiConnect = "deficonnectProvider",// From crypto.com: https://github.com/crypto-com/deficonnect-monorepo/wiki/Chrome-Extension-Wallet-Integration
+    Zerion = "isZerion",
+    Snapper = "cosmos",
+    Exodus = "exodus"
+}
+export type ConnectorID = "metaMask" | "walletConnect" | "blockchaindotcom" | "coinbaseWallet" | "keplr" | "cosmostation" | "cosmostationCosmos" | "leap" | "xdefi" | "xdeficosmos" | "bitget" | "fetchai" | "coin98" | "rabby" | "okx" | "injected" | "zerion" | "deficonnect" | "snapper" | "trustwallet" | "exodus";
+export interface Wallet {
+    name: string;
+    type: ChainType;
+    connectorId: ConnectorID;
+    connectorName: string;
+    connector?: (chains?: Chain[]) => any;
+    icon: string | undefined;
+    windowFlag: string;
+    canSwitchWallets: boolean;
+    direction?: "from" | "to";
+    connectedAddress?: string;
+}
+export interface AddEthereumChainParameter {
+    chainId: string;
+    chainName: string;
+    nativeCurrency: {
+        name: string;
+        symbol: string;
+        decimals: number;
+        icon: string;
+    };
+    rpcUrls: string[];
+    blockExplorerUrls?: string[];
+    iconUrls?: string[];
+}

package/dist/core/types/wallet.js

@@ -0,0 +1,26 @@
+export var WindowWalletFlag;
+(function (WindowWalletFlag) {
+    WindowWalletFlag["Binance"] = "bbcSignTx";
+    WindowWalletFlag["Coinbase"] = "isCoinbaseWallet";
+    WindowWalletFlag["MetaMask"] = "isMetaMask";
+    WindowWalletFlag["WalletConnect"] = "walletConnect";
+    WindowWalletFlag["CosmostationEVM"] = "cosmostation";
+    WindowWalletFlag["BlockchainDotCom"] = "blockchaindotcom";
+    WindowWalletFlag["CosmostationCosmos"] = "cosmostation.providers.keplr";
+    WindowWalletFlag["Keplr"] = "keplr";
+    WindowWalletFlag["Leap"] = "leap";
+    WindowWalletFlag["Xdefi"] = "xfi";
+    WindowWalletFlag["XdefiCosmos"] = "xfi.keplr";
+    WindowWalletFlag["BitGet"] = "bitkeep";
+    WindowWalletFlag["TrustWallet"] = "trustwallet";
+    WindowWalletFlag["FetchAi"] = "keplr";
+    WindowWalletFlag["Coin98"] = "coin98";
+    WindowWalletFlag["Rabby"] = "isRabby";
+    WindowWalletFlag["OKX"] = "okxwallet";
+    WindowWalletFlag["Injected"] = "injected";
+    WindowWalletFlag["DefiConnect"] = "deficonnectProvider";
+    WindowWalletFlag["Zerion"] = "isZerion";
+    WindowWalletFlag["Snapper"] = "cosmos";
+    WindowWalletFlag["Exodus"] = "exodus";
+})(WindowWalletFlag || (WindowWalletFlag = {}));
+//# sourceMappingURL=wallet.js.map

package/dist/core/types/wallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.js","sourceRoot":"","sources":["../../../src/core/types/wallet.ts"],"names":[],"mappings":"AASA,MAAM,CAAN,IAAY,gBAuBX;AAvBD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,iDAA6B,CAAA;IAC7B,2CAAuB,CAAA;IACvB,mDAA+B,CAAA;IAC/B,oDAAgC,CAAA;IAChC,yDAAqC,CAAA;IACrC,uEAAmD,CAAA;IACnD,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,iCAAa,CAAA;IACb,6CAAyB,CAAA;IACzB,sCAAkB,CAAA;IAClB,+CAA2B,CAAA;IAC3B,qCAAiB,CAAA;IACjB,qCAAiB,CAAA;IACjB,qCAAiB,CAAA;IACjB,qCAAiB,CAAA;IACjB,yCAAqB,CAAA;IACrB,uDAAmC,CAAA;IACnC,uCAAmB,CAAA;IACnB,sCAAkB,CAAA;IAClB,qCAAiB,CAAA;AACnB,CAAC,EAvBW,gBAAgB,KAAhB,gBAAgB,QAuB3B"}

package/dist/hooks/chains/useSquidChains.d.ts

@@ -0,0 +1,12 @@
+export declare const useSquidChains: () => {
+    supportedSourceChains: import("@0xsquid/squid-types").ChainData[];
+    supportedDestinationChains: import("@0xsquid/squid-types").ChainData[];
+    chains: import("@0xsquid/squid-types").ChainData[];
+    fuseSearchOptions: {
+        isCaseSensitive: boolean;
+        includeScore: boolean;
+        minMatchCharLength: number;
+        threshold: number;
+        keys: string[];
+    };
+};

package/dist/hooks/chains/useSquidChains.js

@@ -0,0 +1,45 @@
+import { keys } from "./../../core/queries/queries-keys";
+import { useSquidStore } from "./../../hooks/store/useSquidStore";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo } from "react";
+export const useSquidChains = () => {
+    const { squid, config } = useSquidStore();
+    const fuseSearchOptions = {
+        isCaseSensitive: false,
+        includeScore: false,
+        minMatchCharLength: 1,
+        threshold: 0.1,
+        keys: ["networkName", "chainName", "nativeCurrency.symbol"],
+    };
+    const supportedChains = useQuery(keys({ apiUrl: config.apiUrl }).chains(), () => {
+        return squid?.chains ?? [];
+    }, {
+        enabled: squid !== undefined,
+        // cacheTime: 1000 * 60 * 60 * 24,
+        // staleTime: 1000 * 60 * 60 * 24,
+    });
+    const chains = useMemo(() => supportedChains.data ?? [], [supportedChains.data]);
+    const supportedSourceChains = useMemo(() => {
+        if (config.availableChains &&
+            config.availableChains?.source &&
+            config.availableChains.source.length > 0) {
+            return chains.filter((c) => config.availableChains?.source?.includes(c.chainId));
+        }
+        return chains;
+    }, [chains, config.availableChains]);
+    const supportedDestinationChains = useMemo(() => {
+        if (config.availableChains &&
+            config.availableChains?.destination &&
+            config.availableChains.destination.length > 0) {
+            return chains.filter((c) => config.availableChains?.destination?.includes(c.chainId));
+        }
+        return chains;
+    }, [chains, config.availableChains]);
+    return {
+        supportedSourceChains,
+        supportedDestinationChains,
+        chains,
+        fuseSearchOptions,
+    };
+};
+//# sourceMappingURL=useSquidChains.js.map

package/dist/hooks/chains/useSquidChains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSquidChains.js","sourceRoot":"","sources":["../../../src/hooks/chains/useSquidChains.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAE1C,MAAM,iBAAiB,GAAG;QACxB,eAAe,EAAE,KAAK;QACtB,YAAY,EAAE,KAAK;QACnB,kBAAkB,EAAE,CAAC;QACrB,SAAS,EAAE,GAAG;QACd,IAAI,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,uBAAuB,CAAC;KAC5D,CAAC;IAEF,MAAM,eAAe,GAAG,QAAQ,CAC9B,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,EACxC,GAAG,EAAE;QACH,OAAO,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC;IAC7B,CAAC,EACD;QACE,OAAO,EAAE,KAAK,KAAK,SAAS;QAC5B,kCAAkC;QAClC,kCAAkC;KACnC,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,IAAI,EAAE,EAChC,CAAC,eAAe,CAAC,IAAI,CAAC,CACvB,CAAC;IAEF,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,IACE,MAAM,CAAC,eAAe;YACtB,MAAM,CAAC,eAAe,EAAE,MAAM;YAC9B,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EACxC,CAAC;YACD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACzB,MAAM,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CACpD,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAErC,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,IACE,MAAM,CAAC,eAAe;YACtB,MAAM,CAAC,eAAe,EAAE,WAAW;YACnC,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAC7C,CAAC;YACD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACzB,MAAM,CAAC,eAAe,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CACzD,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;IAErC,OAAO;QACL,qBAAqB;QACrB,0BAA0B;QAC1B,MAAM;QACN,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/cosmos/useCosmos.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { Wallet } from "@/core/types/wallet";
+import type { ChainData } from "@0xsquid/sdk/dist/types";
+import type { Keplr, OfflineDirectSigner } from "@keplr-wallet/types";
+export declare const useCosmos: () => {
+    connectCosmos: import("@tanstack/react-query").UseMutationResult<void, unknown, {
+        chain: ChainData;
+        wallet?: Wallet | undefined;
+        direction?: "from" | "to" | undefined;
+    }, unknown>;
+    cosmosChainId: string | undefined;
+    setCosmosChainId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    isConnected: boolean;
+    setIsConnected: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isInstalled: boolean;
+    setIsInstalled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    clearData: () => void;
+    onCosmosChainChange: (newChainId: string) => void;
+    getAddress: ({ wallet, cosmosWalletObject, chainId, }: {
+        wallet: Wallet;
+        cosmosWalletObject: any;
+        chainId: string;
+    }) => Promise<string>;
+    cosmosConnectedWallet: Wallet | undefined;
+    keplrTypeWallet: Keplr;
+    cosmosSigner: OfflineDirectSigner | undefined;
+    getCosmosAddressForChain: (chainId?: string) => Promise<string | undefined>;
+    getCosmosWalletInfos: import("@tanstack/react-query").UseMutationResult<string | undefined, unknown, {
+        chainId: string;
+        cosmosWalletObject?: Keplr | undefined;
+    }, unknown>;
+    cosmosAddress: string | undefined;
+};

package/dist/hooks/cosmos/useCosmos.js

@@ -0,0 +1,194 @@
+import { wallets } from "./../../core/constants";
+import { useSwapRoutePersistStore } from "./../../hooks/store/useSquidStore";
+import { useSwap } from "./../../hooks/swap/useSwap";
+import { accessProperty, getCosmosChainInfosObject, getDescendantProp, } from "./../../services/internal/walletService";
+import { ChainType } from "@0xsquid/sdk/dist/types";
+import { CosmosSnap, installSnap } from "@cosmsnap/snapper";
+import { useMutation } from "@tanstack/react-query";
+import { useCallback, useEffect, useMemo, useState } from "react";
+export const useCosmos = () => {
+    const [cosmosAddress, setCosmosAddress] = useState();
+    const [cosmosSigner, setCosmosSigner] = useState(undefined);
+    const [cosmosConnectedWallet, setCosmosConnectedWallet] = useState();
+    const [cosmosChainId, setCosmosChainId] = useState();
+    const [isConnected, setIsConnected] = useState(false);
+    const [isInstalled, setIsInstalled] = useState(false);
+    const { swapRoute } = useSwapRoutePersistStore();
+    const { fromChain } = useSwap();
+    const keplrTypeWallet = useMemo(() => {
+        if (window && cosmosConnectedWallet?.windowFlag) {
+            return accessProperty(window, cosmosConnectedWallet.windowFlag);
+        }
+        // By default, return Cosmos wallet to be Keplr wallet
+        // Because like Metamask, some wallets will override the window.keplr Provider
+        // Meaning that this could be the current user wallet, so we can use it as a fallback
+        return window.keplr;
+    }, [cosmosConnectedWallet]);
+    // As soon as from chain changes, need to fetch the new signer
+    useEffect(() => {
+        if (fromChain?.chainType === ChainType.COSMOS && keplrTypeWallet) {
+            setCosmosSigner(keplrTypeWallet.getOfflineSigner(fromChain?.chainId.toString()));
+        }
+    }, [fromChain?.chainId, fromChain?.chainType, keplrTypeWallet]);
+    const getCosmosAddressForChain = useCallback(async (chainId) => {
+        if (!chainId || !keplrTypeWallet)
+            return undefined;
+        const key = await keplrTypeWallet?.getKey(chainId);
+        return key.bech32Address;
+    }, [keplrTypeWallet]);
+    const getCosmosWalletInfos = useMutation(async ({ chainId, cosmosWalletObject, }) => {
+        const walletObject = cosmosWalletObject ?? keplrTypeWallet;
+        if (walletObject) {
+            const address = await walletObject?.getKey(chainId);
+            if (address?.bech32Address) {
+                return address.bech32Address;
+            }
+        }
+        return undefined;
+    });
+    const getAddress = useCallback(async ({ wallet, cosmosWalletObject, chainId, }) => {
+        if (wallet.connectorId === "snapper") {
+            const { address: addressInfo } = await cosmosWalletObject.getBech32Address(chainId);
+            return addressInfo.address;
+        }
+        const address = await getCosmosWalletInfos.mutateAsync({
+            chainId,
+            cosmosWalletObject,
+        });
+        return address ?? "";
+    }, [getCosmosWalletInfos]);
+    const handleKeplrAccountChanged = useCallback(async () => {
+        if (cosmosChainId) {
+            const address = await getCosmosWalletInfos.mutateAsync({
+                chainId: cosmosChainId,
+            });
+            if (address) {
+                setIsConnected(true);
+                setCosmosAddress(address);
+            }
+        }
+    }, [cosmosChainId, getCosmosWalletInfos]);
+    useEffect(() => {
+        window.addEventListener("keplr_keystorechange", () => handleKeplrAccountChanged());
+        return () => {
+            window.removeEventListener("keplr_keystorechange", () => handleKeplrAccountChanged());
+        };
+    }, [handleKeplrAccountChanged]);
+    /**
+     * If needed, prepare the wallet object and return it
+     * Example: install Metamask snaps (Snapper)
+     * @param wallet
+     * @param cosmosWalletObject
+     * @returns
+     */
+    const prepareCosmosWallet = async (wallet, cosmosWalletObject) => {
+        let cwo = cosmosWalletObject;
+        switch (wallet.connectorId) {
+            case "snapper":
+                cwo = new CosmosSnap();
+                // await installSnap();
+                window[wallet?.windowFlag ?? ""] = cwo;
+                break;
+        }
+        return cwo;
+    };
+    const connectCosmos = useMutation(async ({ chain, wallet, direction, }) => {
+        const chainInfos = getCosmosChainInfosObject(chain);
+        const selectedWallet = wallet ??
+            cosmosConnectedWallet ??
+            wallets?.find((w) => w.connectorId === "keplr");
+        let cosmosWalletObject = selectedWallet
+            ? getDescendantProp(window, selectedWallet.windowFlag)
+            : undefined;
+        // Some wallets need to be installed | initialized
+        if (selectedWallet) {
+            cosmosWalletObject = await prepareCosmosWallet(selectedWallet, cosmosWalletObject);
+        }
+        if (cosmosWalletObject) {
+            setCosmosChainId(chainInfos.chainId.toString());
+            try {
+                if (selectedWallet?.connectorId === "snapper") {
+                    await installSnap();
+                }
+                else {
+                    await cosmosWalletObject.enable(chainInfos.chainId.toString());
+                }
+                const address = await getAddress({
+                    chainId: chain.chainId.toString(),
+                    cosmosWalletObject,
+                    wallet: selectedWallet,
+                });
+                if (address) {
+                    setCosmosConnectedWallet(selectedWallet);
+                    setIsConnected(true);
+                    setCosmosAddress(address);
+                    useSwapRoutePersistStore.setState({
+                        swapRoute: {
+                            ...useSwapRoutePersistStore.getState().swapRoute,
+                            destinationAddress: direction === "to"
+                                ? address
+                                : useSwapRoutePersistStore.getState().swapRoute
+                                    ?.destinationAddress,
+                        },
+                    });
+                }
+            }
+            catch (error) {
+                const e = error;
+                if (e.message !== "Request rejected" &&
+                    e.message !== "User rejected the request.") {
+                    // Maybe the chain is not supported ?
+                    if (cosmosWalletObject.experimentalSuggestChain) {
+                        try {
+                            await cosmosWalletObject.experimentalSuggestChain(chainInfos);
+                            // Now try to connect
+                            connectCosmos.mutate({ chain });
+                        }
+                        catch (experimentalSuggestChainError) {
+                            console.log("Failed to suggest chain", experimentalSuggestChainError);
+                        }
+                    }
+                }
+            }
+        }
+        else {
+            setIsInstalled(false);
+        }
+    });
+    const clearData = () => {
+        setIsConnected(false);
+        setCosmosChainId(undefined);
+        setCosmosAddress(undefined);
+    };
+    const onCosmosChainChange = (newChainId) => {
+        if (newChainId !== cosmosChainId) {
+            clearData();
+        }
+        useSwapRoutePersistStore.setState({
+            swapRoute: { ...swapRoute },
+            destinationAddressHasBeenUpdated: {
+                updated: false,
+                filledFromWallet: false,
+            },
+        });
+    };
+    return {
+        connectCosmos,
+        cosmosChainId,
+        setCosmosChainId,
+        isConnected,
+        setIsConnected,
+        isInstalled,
+        setIsInstalled,
+        clearData,
+        onCosmosChainChange,
+        getAddress,
+        cosmosConnectedWallet,
+        keplrTypeWallet,
+        cosmosSigner,
+        getCosmosAddressForChain,
+        getCosmosWalletInfos,
+        cosmosAddress,
+    };
+};
+//# sourceMappingURL=useCosmos.js.map

package/dist/hooks/cosmos/useCosmos.js.map

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

package/dist/hooks/cosmos/useCosmosForChain.d.ts

@@ -0,0 +1,4 @@
+import type { ChainData } from "@0xsquid/squid-types";
+export declare const useCosmosForChain: (chainData?: ChainData) => {
+    cosmosAddress: string | undefined;
+};

package/dist/hooks/cosmos/useCosmosForChain.js

@@ -0,0 +1,22 @@
+import { useCosmosContext } from "./../../core/providers/CosmosProvider";
+import { ChainType } from "@0xsquid/squid-types";
+import { useQuery } from "@tanstack/react-query";
+export const useCosmosForChain = (chainData) => {
+    const { cosmosChainId: chainId, cosmosAddress: userAddr, isConnected, } = useCosmosContext();
+    const { keplrTypeWallet } = useCosmosContext();
+    const cosmosAddress = useQuery(["cosmos-address", chainData?.chainId, userAddr, isConnected], async () => {
+        if (!isConnected)
+            return undefined;
+        const key = await keplrTypeWallet?.getKey(String(chainData?.chainId));
+        return key?.bech32Address;
+    }, {
+        enabled: !!keplrTypeWallet &&
+            !!chainId &&
+            !!userAddr &&
+            chainData?.chainType === ChainType.COSMOS,
+    });
+    return {
+        cosmosAddress: cosmosAddress.data,
+    };
+};
+//# sourceMappingURL=useCosmosForChain.js.map

package/dist/hooks/cosmos/useCosmosForChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCosmosForChain.js","sourceRoot":"","sources":["../../../src/hooks/cosmos/useCosmosForChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAqB,EAAE,EAAE;IACzD,MAAM,EACJ,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,QAAQ,EACvB,WAAW,GACZ,GAAG,gBAAgB,EAAE,CAAC;IACvB,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE/C,MAAM,aAAa,GAAG,QAAQ,CAC5B,CAAC,gBAAgB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC,EAC7D,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,WAAW;YAAE,OAAO,SAAS,CAAC;QACnC,MAAM,GAAG,GAAG,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE,aAAa,CAAC;IAC5B,CAAC,EACD;QACE,OAAO,EACL,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,QAAQ;YACV,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,MAAM;KAC5C,CACF,CAAC;IAEF,OAAO;QACL,aAAa,EAAE,aAAa,CAAC,IAAI;KAClC,CAAC;AACJ,CAAC,CAAC"}

package/{src/hooks/index.ts → dist/hooks/index.d.ts}

@@ -3,15 +3,9 @@ export { useCosmos } from "./cosmos/useCosmos";
 export { useCosmosForChain } from "./cosmos/useCosmosForChain";
 export { useKeyboardNavigation } from "./navigation/useKeyboardNavigation";
 export { useSquidStore } from "./store/useSquidStore";
-
 export { useSwap } from "./swap/useSwap";
 export { useAllTokensWithBalance } from "./tokens/useAllTokensWithBalance";
-export {
-  useCosmosBalance,
-  useEvmBalance,
-  useNativeTokenBalanceDestinationChain,
-  useNativeTokenBalanceFromChain,
-} from "./tokens/useBalance";
+export { useCosmosBalance, useEvmBalance, useNativeTokenBalanceDestinationChain, useNativeTokenBalanceFromChain, } from "./tokens/useBalance";
 export { useMultiChainBalance } from "./tokens/useMultiChainBalance";
 export { usePrices } from "./tokens/usePrices";
 export { useSingleTokenPrice } from "./tokens/useSingleTokenPrice";

package/dist/hooks/index.js

@@ -0,0 +1,27 @@
+export { useSquidChains } from "./chains/useSquidChains";
+export { useCosmos } from "./cosmos/useCosmos";
+export { useCosmosForChain } from "./cosmos/useCosmosForChain";
+export { useKeyboardNavigation } from "./navigation/useKeyboardNavigation";
+export { useSquidStore } from "./store/useSquidStore";
+export { useSwap } from "./swap/useSwap";
+export { useAllTokensWithBalance } from "./tokens/useAllTokensWithBalance";
+export { useCosmosBalance, useEvmBalance, useNativeTokenBalanceDestinationChain, useNativeTokenBalanceFromChain, } from "./tokens/useBalance";
+export { useMultiChainBalance } from "./tokens/useMultiChainBalance";
+export { usePrices } from "./tokens/usePrices";
+export { useSingleTokenPrice } from "./tokens/useSingleTokenPrice";
+export { useSquidTokens } from "./tokens/useSquidTokens";
+export { useAllTokensWithBalanceForChain } from "./tokens/useTokensWithBalance";
+export { useEstimate } from "./transaction/useEstimate";
+export { useEstimatePriceImpact } from "./transaction/useEstimatePriceImpact";
+export { useExecuteTransaction } from "./transaction/useExecuteTransaction";
+export { useGetRoute } from "./transaction/useGetRoute";
+export { useSingleTransaction } from "./transaction/useSingleTransaction";
+export { useTransaction } from "./transaction/useTransaction";
+export { useUserParams } from "./user/useUserParams";
+export { useAutoConnect } from "./wallet/useAutoConnect";
+export { useGnosisContext } from "./wallet/useGnosisContext";
+export { useIntegratorContext } from "./wallet/useIntegratorContext";
+export { useMultiChainWallet } from "./wallet/useMultiChainWallet";
+export { useWallet } from "./wallet/useWallet";
+export { useSquidRouter } from "./webapp-router/useSquidRouter";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,qCAAqC,EACrC,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/hooks/navigation/useKeyboardNavigation.d.ts

@@ -0,0 +1,7 @@
+import type { RefObject } from "react";
+type Props = {
+    itemsListRef: RefObject<HTMLElement>;
+    activeListItemClassName: string;
+};
+export declare const useKeyboardNavigation: (props?: Props) => void;
+export {};

package/dist/hooks/navigation/useKeyboardNavigation.js

@@ -0,0 +1,69 @@
+import { useSquidRouter } from "./../../hooks/webapp-router/useSquidRouter";
+import { useCallback, useEffect } from "react";
+export const useKeyboardNavigation = (props) => {
+    const { itemsListRef, activeListItemClassName = "" } = props ?? {};
+    const { previousRoute } = useSquidRouter();
+    const onKeyDown = useCallback((event) => {
+        if (event.key === "Escape") {
+            previousRoute();
+            return;
+        }
+        if (activeListItemClassName.trim() === "")
+            return;
+        const itemsList = itemsListRef?.current;
+        const separatedActiveItemClassNames = activeListItemClassName.split(" ");
+        const defaultActiveItem = itemsList?.querySelector(`.${separatedActiveItemClassNames.join(".")}`);
+        if (event.key === "ArrowUp") {
+            if (!itemsList)
+                return;
+            event.preventDefault();
+            const activeItem = defaultActiveItem ?? itemsList.lastElementChild;
+            if (!activeItem)
+                return;
+            const previousItem = activeItem.previousElementSibling;
+            if (previousItem) {
+                activeItem.classList.remove(...separatedActiveItemClassNames);
+                previousItem.classList.add(...separatedActiveItemClassNames);
+                // scroll to previous item
+                itemsList.scrollTo({
+                    top: (previousItem.offsetTop ?? 0) -
+                        itemsList.clientHeight,
+                    behavior: "smooth",
+                });
+            }
+        }
+        else if (event.key === "ArrowDown") {
+            if (!itemsList)
+                return;
+            event.preventDefault();
+            const activeItem = defaultActiveItem ?? itemsList.firstElementChild;
+            if (!activeItem)
+                return;
+            const nextItem = activeItem.nextElementSibling;
+            if (nextItem) {
+                activeItem.classList.remove(...separatedActiveItemClassNames);
+                nextItem.classList.add(...separatedActiveItemClassNames);
+                // scroll to next item
+                itemsList.scrollTo({
+                    top: (nextItem.offsetTop ?? 0) -
+                        itemsList.clientHeight,
+                    behavior: "smooth",
+                });
+            }
+        }
+        else if (event.key === "Enter") {
+            event.preventDefault();
+            if (defaultActiveItem) {
+                // select active item
+                defaultActiveItem.querySelector("button")?.click();
+            }
+        }
+    }, [previousRoute, itemsListRef, activeListItemClassName]);
+    useEffect(() => {
+        document.addEventListener("keydown", onKeyDown, false);
+        return () => {
+            document.removeEventListener("keydown", onKeyDown, false);
+        };
+    }, [onKeyDown]);
+};
+//# sourceMappingURL=useKeyboardNavigation.js.map