@hyperlane-xyz/widgets 7.0.0 → 7.1.0-beta.0

package/dist/walletIntegrations/AccountList.js

@@ -0,0 +1,64 @@
+import clsx from 'clsx';
+import React from 'react';
+import { objKeys } from '@hyperlane-xyz/utils';
+import { Button } from '../components/Button.js';
+import { IconButton } from '../components/IconButton.js';
+import { LogoutIcon } from '../icons/Logout.js';
+import { WalletIcon } from '../icons/Wallet.js';
+import { XCircleIcon } from '../icons/XCircle.js';
+import { widgetLogger } from '../logger.js';
+import { tryClipboardSet } from '../utils/clipboard.js';
+import { WalletLogo } from '../walletIntegrations/WalletLogo.js';
+import { useAccounts, useDisconnectFns, useWalletDetails, } from '../walletIntegrations/multiProtocol.js';
+const logger = widgetLogger.child({ module: 'walletIntegrations/AccountList' });
+export function AccountList({ multiProvider, onClickConnectWallet, onCopySuccess, className, }) {
+    const { readyAccounts } = useAccounts(multiProvider);
+    const disconnectFns = useDisconnectFns();
+    const walletDetails = useWalletDetails();
+    const onClickDisconnect = async (protocol) => {
+        try {
+            const disconnectFn = disconnectFns[protocol];
+            if (disconnectFn)
+                await disconnectFn();
+        }
+        catch (error) {
+            logger.error('Error disconnecting wallet', error);
+        }
+    };
+    const onClickDisconnectAll = async () => {
+        for (const protocol of objKeys(disconnectFns)) {
+            await onClickDisconnect(protocol);
+        }
+    };
+    return (React.createElement("div", { className: clsx('htw-space-y-2', className) },
+        readyAccounts.map((acc, i) => (React.createElement(AccountSummary, { key: i, account: acc, walletDetails: walletDetails[acc.protocol], onCopySuccess: onCopySuccess, onClickDisconnect: () => onClickDisconnect(acc.protocol) }))),
+        React.createElement(Button, { onClick: onClickConnectWallet, className: clsx(styles.btn, 'htw-py-2 htw-px-2.5') },
+            React.createElement(WalletIcon, { width: 18, height: 18 }),
+            React.createElement("div", { className: "htw-ml-2 htw-text-sm" }, "Connect wallet")),
+        React.createElement(Button, { onClick: onClickDisconnectAll, className: clsx(styles.btn, 'htw-py-2 htw-px-2.5') },
+            React.createElement(LogoutIcon, { width: 18, height: 18 }),
+            React.createElement("div", { className: "htw-ml-2 htw-text-sm" }, "Disconnect all wallets"))));
+}
+export function AccountSummary({ account, onCopySuccess, walletDetails, onClickDisconnect, className, ...rest }) {
+    const numAddresses = account?.addresses?.length || 0;
+    const onlyAddress = numAddresses === 1 ? account.addresses[0].address : undefined;
+    const onClickCopy = async () => {
+        const copyValue = account.addresses.map((a) => a.address).join(', ');
+        await tryClipboardSet(copyValue);
+        onCopySuccess?.();
+    };
+    return (React.createElement("div", { className: "htw-relative" },
+        React.createElement(Button, { onClick: onClickCopy, className: clsx(styles.btn, 'htw-py-2 htw-pl-1 htw-pr-3', className), ...rest },
+            React.createElement("div", { className: "htw-shrink-0 htw-overflow-hidden htw-rounded-full" },
+                React.createElement(WalletLogo, { walletDetails: walletDetails, size: 38 })),
+            React.createElement("div", { className: "htw-mx-3 htw-flex htw-shrink htw-flex-col htw-items-start htw-overflow-hidden" },
+                React.createElement("div", { className: "htw-text-sm htw-font-normal htw-text-gray-800" }, walletDetails.name || 'Wallet'),
+                React.createElement("div", { className: "htw-w-full htw-truncate htw-text-left htw-text-xs" }, onlyAddress || `${numAddresses} known addresses`))),
+        React.createElement("div", { className: "htw-absolute htw-right-1 htw-top-1/2 htw--translate-y-1/2 htw-rounded-full" },
+            React.createElement(IconButton, { onClick: onClickDisconnect, title: "Disconnect", className: "hover:htw-rotate-90" },
+                React.createElement(XCircleIcon, { width: 15, height: 15 })))));
+}
+const styles = {
+    btn: 'htw-flex htw-w-full htw-items-center all:htw-justify-start htw-rounded-sm htw-text-sm hover:htw-bg-gray-200 all:hover:htw-opacity-100',
+};
+//# sourceMappingURL=AccountList.js.map

package/dist/walletIntegrations/AccountList.js.map

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

package/dist/walletIntegrations/ConnectWalletButton.d.ts

@@ -0,0 +1,11 @@
+import React, { ButtonHTMLAttributes } from 'react';
+import { MultiProtocolProvider } from '@hyperlane-xyz/sdk';
+type Props = {
+    multiProvider: MultiProtocolProvider;
+    onClickWhenConnected: () => void;
+    onClickWhenUnconnected: () => void;
+    countClassName?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function ConnectWalletButton({ multiProvider, onClickWhenConnected, onClickWhenUnconnected, className, countClassName, ...rest }: Props): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=ConnectWalletButton.d.ts.map

package/dist/walletIntegrations/ConnectWalletButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectWalletButton.d.ts","sourceRoot":"","sources":["../../src/walletIntegrations/ConnectWalletButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAW3D,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,qBAAqB,CAAC;IACrC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACR,EAAE,KAAK,4BAsFP"}

package/dist/walletIntegrations/ConnectWalletButton.js

@@ -0,0 +1,44 @@
+import clsx from 'clsx';
+import React from 'react';
+import { ProtocolType, shortenAddress } from '@hyperlane-xyz/utils';
+import { Button } from '../components/Button.js';
+import { ChevronIcon } from '../icons/Chevron.js';
+import { WalletIcon } from '../icons/Wallet.js';
+import { useIsSsr } from '../utils/ssr.js';
+import { WalletLogo } from './WalletLogo.js';
+import { useAccounts, useWalletDetails } from './multiProtocol.js';
+export function ConnectWalletButton({ multiProvider, onClickWhenConnected, onClickWhenUnconnected, className, countClassName, ...rest }) {
+    const isSsr = useIsSsr();
+    const { readyAccounts } = useAccounts(multiProvider);
+    const walletDetails = useWalletDetails();
+    const numReady = readyAccounts.length;
+    const firstAccount = readyAccounts[0];
+    const firstWallet = walletDetails[firstAccount?.protocol || ProtocolType.Ethereum];
+    if (isSsr) {
+        // https://github.com/wagmi-dev/wagmi/issues/542#issuecomment-1144178142
+        return null;
+    }
+    return (React.createElement("div", { className: "htw-relative" },
+        React.createElement("div", { className: "htw-relative" },
+            numReady === 0 && (React.createElement(Button, { className: clsx('htw-py-2 htw-px-3', className), onClick: onClickWhenUnconnected, title: "Choose wallet", ...rest },
+                React.createElement("div", { className: "htw-flex htw-items-center htw-gap-2" },
+                    React.createElement(WalletIcon, { width: 16, height: 16 }),
+                    React.createElement("div", { className: "htw-text-xs sm:htw-text-sm" }, "Connect wallet")))),
+            numReady === 1 && (React.createElement(Button, { onClick: onClickWhenConnected, className: clsx('htw-px-2.5 htw-py-1', className), ...rest },
+                React.createElement("div", { className: "htw-flex htw-w-36 htw-items-center htw-justify-center xs:htw-w-auto" },
+                    React.createElement(WalletLogo, { walletDetails: firstWallet, size: 26 }),
+                    React.createElement("div", { className: "htw-mx-3 htw-flex htw-flex-col htw-items-start" },
+                        React.createElement("div", { className: "htw-text-xs htw-text-gray-500" }, firstWallet.name || 'Wallet'),
+                        React.createElement("div", { className: "htw-text-xs" }, readyAccounts[0].addresses.length
+                            ? shortenAddress(readyAccounts[0].addresses[0].address, true)
+                            : 'Unknown')),
+                    React.createElement(ChevronIcon, { direction: "s", width: 10, height: 6 })))),
+            numReady > 1 && (React.createElement(Button, { onClick: onClickWhenConnected, className: clsx('htw-px-2.5 htw-py-1', className), ...rest },
+                React.createElement("div", { className: "htw-flex htw-items-center htw-justify-center" },
+                    React.createElement("div", { style: { height: 26, width: 26 }, className: clsx('htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-gray-600 htw-text-white', countClassName) }, numReady),
+                    React.createElement("div", { className: "htw-mx-3 htw-flex htw-flex-col htw-items-start" },
+                        React.createElement("div", { className: "htw-text-xs htw-text-gray-500" }, "Wallets"),
+                        React.createElement("div", { className: "htw-text-xs" }, `${numReady} Connected`)),
+                    React.createElement(ChevronIcon, { direction: "s", width: 10, height: 6 })))))));
+}
+//# sourceMappingURL=ConnectWalletButton.js.map

package/dist/walletIntegrations/ConnectWalletButton.js.map

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

package/dist/walletIntegrations/MultiProtocolWalletModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProtocolType } from '@hyperlane-xyz/utils';
+export declare function MultiProtocolWalletModal({ isOpen, close, protocols, }: {
+    isOpen: boolean;
+    close: () => void;
+    protocols?: ProtocolType[];
+}): React.JSX.Element;
+//# sourceMappingURL=MultiProtocolWalletModal.d.ts.map

package/dist/walletIntegrations/MultiProtocolWalletModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiProtocolWalletModal.d.ts","sourceRoot":"","sources":["../../src/walletIntegrations/MultiProtocolWalletModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAOpD,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,qBA6CA"}

package/dist/walletIntegrations/MultiProtocolWalletModal.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ProtocolType } from '@hyperlane-xyz/utils';
+import { Modal } from '../layout/Modal.js';
+import { PROTOCOL_TO_LOGO } from '../logos/protocols.js';
+import { useConnectFns } from './multiProtocol.js';
+export function MultiProtocolWalletModal({ isOpen, close, protocols, }) {
+    const connectFns = useConnectFns();
+    const onClickProtocol = (protocol) => {
+        close();
+        const connectFn = connectFns[protocol];
+        if (connectFn)
+            connectFn();
+    };
+    const includesProtocol = (protocol) => !protocols || protocols.includes(protocol);
+    return (React.createElement(Modal, { isOpen: isOpen, close: close, panelClassname: "htw-max-w-sm htw-p-4" },
+        React.createElement("div", { className: "htw-flex htw-flex-col htw-space-y-2.5 htw-pb-2 htw-pt-4" },
+            includesProtocol(ProtocolType.Ethereum) && (React.createElement(ProtocolButton, { protocol: ProtocolType.Ethereum, onClick: onClickProtocol, subTitle: "an EVM" }, "Ethereum")),
+            includesProtocol(ProtocolType.Sealevel) && (React.createElement(ProtocolButton, { protocol: ProtocolType.Sealevel, onClick: onClickProtocol, subTitle: "a Solana" }, "Solana")),
+            includesProtocol(ProtocolType.Cosmos) && (React.createElement(ProtocolButton, { protocol: ProtocolType.Cosmos, onClick: onClickProtocol, subTitle: "an Cosmos" }, "Cosmos")))));
+}
+function ProtocolButton({ onClick, subTitle, protocol, children, }) {
+    const Logo = PROTOCOL_TO_LOGO[protocol];
+    return (React.createElement("button", { onClick: () => onClick(protocol), className: "htw-flex htw-w-full htw-flex-col htw-items-center htw-space-y-2.5 htw-rounded-lg htw-border htw-border-gray-200 htw-py-3.5 htw-transition-all hover:htw-bg-gray-100 active:htw-scale-95" },
+        React.createElement(Logo, { width: 34, height: 34 }),
+        React.createElement("div", { className: "htw-tracking-wide htw-text-gray-800" }, children),
+        React.createElement("div", { className: "htw-text-sm htw-text-gray-500" }, `Connect to ${subTitle} compatible wallet`)));
+}
+//# sourceMappingURL=MultiProtocolWalletModal.js.map

package/dist/walletIntegrations/MultiProtocolWalletModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiProtocolWalletModal.js","sourceRoot":"","sources":["../../src/walletIntegrations/MultiProtocolWalletModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,UAAU,wBAAwB,CAAC,EACvC,MAAM,EACN,KAAK,EACL,SAAS,GAKV;IACC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,eAAe,GAAG,CAAC,QAAsB,EAAE,EAAE;QACjD,KAAK,EAAE,CAAC;QACR,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QACvC,IAAI,SAAS;YAAE,SAAS,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,QAAsB,EAAE,EAAE,CAClD,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,sBAAsB;QACxE,6BAAK,SAAS,EAAC,yDAAyD;YACrE,gBAAgB,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAC1C,oBAAC,cAAc,IACb,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAC,QAAQ,eAGF,CAClB;YACA,gBAAgB,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAC1C,oBAAC,cAAc,IACb,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAC,UAAU,aAGJ,CAClB;YACA,gBAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CACxC,oBAAC,cAAc,IACb,QAAQ,EAAE,YAAY,CAAC,MAAM,EAC7B,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAC,WAAW,aAGL,CAClB,CACG,CACA,CACT,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GAKR;IACA,MAAM,IAAI,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACxC,OAAO,CACL,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAC,yLAAyL;QAEnM,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;QAC/B,6BAAK,SAAS,EAAC,qCAAqC,IAAE,QAAQ,CAAO;QACrE,6BAAK,SAAS,EAAC,+BAA+B,IAAE,cAAc,QAAQ,oBAAoB,CAAO,CAC1F,CACV,CAAC;AACJ,CAAC"}

package/dist/walletIntegrations/WalletLogo.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WalletDetails } from './types.js';
+export declare function WalletLogo({ walletDetails, size, }: {
+    walletDetails: WalletDetails;
+    size?: number;
+}): React.JSX.Element;
+//# sourceMappingURL=WalletLogo.d.ts.map

package/dist/walletIntegrations/WalletLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletLogo.d.ts","sourceRoot":"","sources":["../../src/walletIntegrations/WalletLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,wBAAgB,UAAU,CAAC,EACzB,aAAa,EACb,IAAI,GACL,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,qBAUA"}

package/dist/walletIntegrations/WalletLogo.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { WalletIcon } from '../icons/Wallet.js';
+import { WalletConnectLogo } from '../logos/WalletConnect.js';
+export function WalletLogo({ walletDetails, size, }) {
+    const src = walletDetails.logoUrl?.trim();
+    if (src) {
+        return React.createElement("img", { src: src, width: size, height: size });
+    }
+    else if (walletDetails.name?.toLowerCase() === 'walletconnect') {
+        return React.createElement(WalletConnectLogo, { width: size, height: size });
+    }
+    else {
+        return React.createElement(WalletIcon, { width: size, height: size });
+    }
+}
+//# sourceMappingURL=WalletLogo.js.map

package/dist/walletIntegrations/WalletLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletLogo.js","sourceRoot":"","sources":["../../src/walletIntegrations/WalletLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAI9D,MAAM,UAAU,UAAU,CAAC,EACzB,aAAa,EACb,IAAI,GAIL;IACC,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;IAE1C,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC;IACtD,CAAC;SAAM,IAAI,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,CAAC;QACjE,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC;IACnD,CAAC;AACH,CAAC"}

package/dist/walletIntegrations/cosmos.d.ts

@@ -0,0 +1,14 @@
+import type { AssetList, Chain as CosmosChain } from '@chain-registry/types';
+import { MultiProtocolProvider } from '@hyperlane-xyz/sdk';
+import { AccountInfo, ActiveChainInfo, ChainTransactionFns, WalletDetails } from './types.js';
+export declare function useCosmosAccount(multiProvider: MultiProtocolProvider): AccountInfo;
+export declare function useCosmosWalletDetails(): WalletDetails;
+export declare function useCosmosConnectFn(): () => void;
+export declare function useCosmosDisconnectFn(): () => Promise<void>;
+export declare function useCosmosActiveChain(_multiProvider: MultiProtocolProvider): ActiveChainInfo;
+export declare function useCosmosTransactionFns(multiProvider: MultiProtocolProvider): ChainTransactionFns;
+export declare function getCosmosKitChainConfigs(multiProvider: MultiProtocolProvider): {
+    chains: CosmosChain[];
+    assets: AssetList[];
+};
+//# sourceMappingURL=cosmos.d.ts.map

package/dist/walletIntegrations/cosmos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmos.d.ts","sourceRoot":"","sources":["../../src/walletIntegrations/cosmos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAU7E,OAAO,EAGL,qBAAqB,EAKtB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,EACL,WAAW,EACX,eAAe,EAEf,mBAAmB,EACnB,aAAa,EACd,MAAM,YAAY,CAAC;AAUpB,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,qBAAqB,GACnC,WAAW,CAwBb;AAED,wBAAgB,sBAAsB,kBAWrC;AAED,wBAAgB,kBAAkB,IAAI,MAAM,IAAI,CAG/C;AAED,wBAAgB,qBAAqB,IAAI,MAAM,OAAO,CAAC,IAAI,CAAC,CAM3D;AAED,wBAAgB,oBAAoB,CAClC,cAAc,EAAE,qBAAqB,GACpC,eAAe,CAGjB;AAED,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,qBAAqB,GACnC,mBAAmB,CA2ErB;AAkBD,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,qBAAqB,GACnC;IACD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB,CAOA"}

package/dist/walletIntegrations/cosmos.js

@@ -0,0 +1,127 @@
+import { useChain, useChains } from '@cosmos-kit/react';
+import { useCallback, useMemo } from 'react';
+import { cosmoshub } from '@hyperlane-xyz/registry';
+import { ProviderType, chainMetadataToCosmosChain, } from '@hyperlane-xyz/sdk';
+import { ProtocolType, assert } from '@hyperlane-xyz/utils';
+import { widgetLogger } from '../logger.js';
+import { getChainsForProtocol } from './utils.js';
+// Used because the CosmosKit hooks always require a chain name
+const PLACEHOLDER_COSMOS_CHAIN = cosmoshub.name;
+const logger = widgetLogger.child({
+    module: 'widgets/walletIntegrations/cosmos',
+});
+export function useCosmosAccount(multiProvider) {
+    const cosmosChains = getCosmosChainNames(multiProvider);
+    const chainToContext = useChains(cosmosChains);
+    return useMemo(() => {
+        const addresses = [];
+        let publicKey = undefined;
+        let connectorName = undefined;
+        let isReady = false;
+        for (const [chainName, context] of Object.entries(chainToContext)) {
+            if (!context.address)
+                continue;
+            addresses.push({ address: context.address, chainName });
+            publicKey = context
+                .getAccount()
+                .then((acc) => Buffer.from(acc.pubkey).toString('hex'));
+            isReady = true;
+            connectorName ||= context.wallet?.prettyName;
+        }
+        return {
+            protocol: ProtocolType.Cosmos,
+            addresses,
+            publicKey,
+            isReady,
+        };
+    }, [chainToContext]);
+}
+export function useCosmosWalletDetails() {
+    const { wallet } = useChain(PLACEHOLDER_COSMOS_CHAIN);
+    const { logo, prettyName } = wallet || {};
+    return useMemo(() => ({
+        name: prettyName,
+        logoUrl: typeof logo === 'string' ? logo : undefined,
+    }), [prettyName, logo]);
+}
+export function useCosmosConnectFn() {
+    const { openView } = useChain(PLACEHOLDER_COSMOS_CHAIN);
+    return openView;
+}
+export function useCosmosDisconnectFn() {
+    const { disconnect, address } = useChain(PLACEHOLDER_COSMOS_CHAIN);
+    const safeDisconnect = async () => {
+        if (address)
+            await disconnect();
+    };
+    return safeDisconnect;
+}
+export function useCosmosActiveChain(_multiProvider) {
+    // Cosmoskit doesn't have the concept of an active chain
+    return useMemo(() => ({}), []);
+}
+export function useCosmosTransactionFns(multiProvider) {
+    const cosmosChains = getCosmosChainNames(multiProvider);
+    const chainToContext = useChains(cosmosChains);
+    const onSwitchNetwork = useCallback(async (chainName) => {
+        const displayName = multiProvider.getChainMetadata(chainName).displayName || chainName;
+        // CosmosKit does not have switch capability
+        throw new Error(`Cosmos wallet must be connected to origin chain ${displayName}}`);
+    }, [multiProvider]);
+    const onSendTx = useCallback(async ({ tx, chainName, activeChainName, }) => {
+        const chainContext = chainToContext[chainName];
+        if (!chainContext?.address)
+            throw new Error(`Cosmos wallet not connected for ${chainName}`);
+        if (activeChainName && activeChainName !== chainName)
+            await onSwitchNetwork(chainName);
+        logger.debug(`Sending tx on chain ${chainName}`);
+        const { getSigningCosmWasmClient, getSigningStargateClient } = chainContext;
+        let result;
+        let txDetails;
+        if (tx.type === ProviderType.CosmJsWasm) {
+            const client = await getSigningCosmWasmClient();
+            result = await client.executeMultiple(chainContext.address, [tx.transaction], 'auto');
+            txDetails = await client.getTx(result.transactionHash);
+        }
+        else if (tx.type === ProviderType.CosmJs) {
+            const client = await getSigningStargateClient();
+            // The fee param of 'auto' here stopped working for Neutron-based IBC transfers
+            // It seems the signAndBroadcast method uses a default fee multiplier of 1.4
+            // https://github.com/cosmos/cosmjs/blob/e819a1fc0e99a3e5320d8d6667a08d3b92e5e836/packages/stargate/src/signingstargateclient.ts#L115
+            // A multiplier of 1.6 was insufficient for Celestia -> Neutron|Cosmos -> XXX transfers, but 2 worked.
+            result = await client.signAndBroadcast(chainContext.address, [tx.transaction], 2);
+            txDetails = await client.getTx(result.transactionHash);
+        }
+        else {
+            throw new Error(`Invalid cosmos provider type ${tx.type}`);
+        }
+        const confirm = async () => {
+            assert(txDetails, `Cosmos tx failed: ${JSON.stringify(result)}`);
+            return {
+                type: tx.type,
+                receipt: { ...txDetails, transactionHash: result.transactionHash },
+            };
+        };
+        return { hash: result.transactionHash, confirm };
+    }, [onSwitchNetwork, chainToContext]);
+    return { sendTransaction: onSendTx, switchNetwork: onSwitchNetwork };
+}
+function getCosmosChains(multiProvider) {
+    return [
+        ...getChainsForProtocol(multiProvider, ProtocolType.Cosmos),
+        cosmoshub,
+    ];
+}
+function getCosmosChainNames(multiProvider) {
+    return getCosmosChains(multiProvider).map((c) => c.name);
+}
+// Metadata formatted for use in Wagmi config
+export function getCosmosKitChainConfigs(multiProvider) {
+    const chains = getCosmosChains(multiProvider);
+    const configList = chains.map(chainMetadataToCosmosChain);
+    return {
+        chains: configList.map((c) => c.chain),
+        assets: configList.map((c) => c.assets),
+    };
+}
+//# sourceMappingURL=cosmos.js.map

package/dist/walletIntegrations/cosmos.js.map

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

package/dist/walletIntegrations/ethereum.d.ts

@@ -0,0 +1,11 @@
+import { Chain as ViemChain } from 'viem';
+import { MultiProtocolProvider } from '@hyperlane-xyz/sdk';
+import { AccountInfo, ActiveChainInfo, ChainTransactionFns, WalletDetails } from './types.js';
+export declare function useEthereumAccount(_multiProvider: MultiProtocolProvider): AccountInfo;
+export declare function useEthereumWalletDetails(): WalletDetails;
+export declare function useEthereumConnectFn(): () => void;
+export declare function useEthereumDisconnectFn(): () => Promise<void>;
+export declare function useEthereumActiveChain(multiProvider: MultiProtocolProvider): ActiveChainInfo;
+export declare function useEthereumTransactionFns(multiProvider: MultiProtocolProvider): ChainTransactionFns;
+export declare function getWagmiChainConfigs(multiProvider: MultiProtocolProvider): ViemChain[];
+//# sourceMappingURL=ethereum.d.ts.map

package/dist/walletIntegrations/ethereum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ethereum.d.ts","sourceRoot":"","sources":["../../src/walletIntegrations/ethereum.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAG1C,OAAO,EAEL,qBAAqB,EAKtB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,aAAa,EACd,MAAM,YAAY,CAAC;AAKpB,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,qBAAqB,GACpC,WAAW,CAYb;AAED,wBAAgB,wBAAwB,kBAYvC;AAED,wBAAgB,oBAAoB,IAAI,MAAM,IAAI,CAGjD;AAED,wBAAgB,uBAAuB,IAAI,MAAM,OAAO,CAAC,IAAI,CAAC,CAG7D;AAED,wBAAgB,sBAAsB,CACpC,aAAa,EAAE,qBAAqB,GACnC,eAAe,CAWjB;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,qBAAqB,GACnC,mBAAmB,CAqErB;AAGD,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,qBAAqB,GACnC,SAAS,EAAE,CAIb"}

package/dist/walletIntegrations/ethereum.js

@@ -0,0 +1,96 @@
+import { useConnectModal } from '@rainbow-me/rainbowkit';
+import { getAccount, sendTransaction, switchChain, waitForTransactionReceipt, } from '@wagmi/core';
+import { useCallback, useMemo } from 'react';
+import { useAccount, useConfig, useDisconnect } from 'wagmi';
+import { ProviderType, chainMetadataToViemChain, } from '@hyperlane-xyz/sdk';
+import { ProtocolType, assert, sleep } from '@hyperlane-xyz/utils';
+import { widgetLogger } from '../logger.js';
+import { ethers5TxToWagmiTx, getChainsForProtocol } from './utils.js';
+const logger = widgetLogger.child({ module: 'walletIntegrations/ethereum' });
+export function useEthereumAccount(_multiProvider) {
+    const { address, isConnected, connector } = useAccount();
+    const isReady = !!(address && isConnected && connector);
+    return useMemo(() => ({
+        protocol: ProtocolType.Ethereum,
+        addresses: address ? [{ address: `${address}` }] : [],
+        isReady: isReady,
+    }), [address, isReady]);
+}
+export function useEthereumWalletDetails() {
+    const { connector } = useAccount();
+    const name = connector?.name;
+    const logoUrl = connector?.icon;
+    return useMemo(() => ({
+        name,
+        logoUrl,
+    }), [name, logoUrl]);
+}
+export function useEthereumConnectFn() {
+    const { openConnectModal } = useConnectModal();
+    return useCallback(() => openConnectModal?.(), [openConnectModal]);
+}
+export function useEthereumDisconnectFn() {
+    const { disconnectAsync } = useDisconnect();
+    return disconnectAsync;
+}
+export function useEthereumActiveChain(multiProvider) {
+    const { chain } = useAccount();
+    return useMemo(() => ({
+        chainDisplayName: chain?.name,
+        chainName: chain
+            ? multiProvider.tryGetChainMetadata(chain.id)?.name
+            : undefined,
+    }), [chain, multiProvider]);
+}
+export function useEthereumTransactionFns(multiProvider) {
+    const config = useConfig();
+    const onSwitchNetwork = useCallback(async (chainName) => {
+        const chainId = multiProvider.getChainMetadata(chainName)
+            .chainId;
+        await switchChain(config, { chainId });
+        // Some wallets seem to require a brief pause after switch
+        await sleep(2000);
+    }, [config, multiProvider]);
+    // Note, this doesn't use wagmi's prepare + send pattern because we're potentially sending two transactions
+    // The prepare hooks are recommended to use pre-click downtime to run async calls, but since the flow
+    // may require two serial txs, the prepare hooks aren't useful and complicate hook architecture considerably.
+    // See https://github.com/hyperlane-xyz/hyperlane-warp-ui-template/issues/19
+    // See https://github.com/wagmi-dev/wagmi/discussions/1564
+    const onSendTx = useCallback(async ({ tx, chainName, activeChainName, }) => {
+        if (tx.type !== ProviderType.EthersV5)
+            throw new Error(`Unsupported tx type: ${tx.type}`);
+        // If the active chain is different from tx origin chain, try to switch network first
+        if (activeChainName && activeChainName !== chainName)
+            await onSwitchNetwork(chainName);
+        // Since the network switching is not foolproof, we also force a network check here
+        const chainId = multiProvider.getChainMetadata(chainName)
+            .chainId;
+        logger.debug('Checking wallet current chain');
+        const latestNetwork = await getAccount(config);
+        assert(latestNetwork?.chain?.id === chainId, `Wallet not on chain ${chainName} (ChainMismatchError)`);
+        logger.debug(`Sending tx on chain ${chainName}`);
+        const wagmiTx = ethers5TxToWagmiTx(tx.transaction);
+        const hash = await sendTransaction(config, {
+            chainId,
+            ...wagmiTx,
+        });
+        const confirm = () => {
+            const foo = waitForTransactionReceipt(config, {
+                chainId,
+                hash,
+                confirmations: 1,
+            });
+            return foo.then((r) => ({
+                type: ProviderType.Viem,
+                receipt: { ...r, contractAddress: r.contractAddress || null },
+            }));
+        };
+        return { hash, confirm };
+    }, [config, onSwitchNetwork, multiProvider]);
+    return { sendTransaction: onSendTx, switchNetwork: onSwitchNetwork };
+}
+// Metadata formatted for use in Wagmi config
+export function getWagmiChainConfigs(multiProvider) {
+    return getChainsForProtocol(multiProvider, ProtocolType.Ethereum).map(chainMetadataToViemChain);
+}
+//# sourceMappingURL=ethereum.js.map

package/dist/walletIntegrations/ethereum.js.map

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

package/dist/walletIntegrations/multiProtocol.d.ts

@@ -0,0 +1,23 @@
+import { ChainName, MultiProtocolProvider } from '@hyperlane-xyz/sdk';
+import { Address, HexString, ProtocolType } from '@hyperlane-xyz/utils';
+import { AccountInfo, ActiveChainInfo, ChainTransactionFns, WalletDetails } from './types.js';
+export declare function useAccounts(multiProvider: MultiProtocolProvider, blacklistedAddresses?: Address[]): {
+    accounts: Record<ProtocolType, AccountInfo>;
+    readyAccounts: Array<AccountInfo>;
+};
+export declare function useAccountForChain(multiProvider: MultiProtocolProvider, chainName?: ChainName): AccountInfo | undefined;
+export declare function useAccountAddressForChain(multiProvider: MultiProtocolProvider, chainName?: ChainName): Address | undefined;
+export declare function getAccountAddressForChain(multiProvider: MultiProtocolProvider, chainName?: ChainName, accounts?: Record<ProtocolType, AccountInfo>): Address | undefined;
+export declare function getAccountAddressAndPubKey(multiProvider: MultiProtocolProvider, chainName?: ChainName, accounts?: Record<ProtocolType, AccountInfo>): {
+    address?: Address;
+    publicKey?: Promise<HexString>;
+};
+export declare function useWalletDetails(): Record<ProtocolType, WalletDetails>;
+export declare function useConnectFns(): Record<ProtocolType, () => void>;
+export declare function useDisconnectFns(): Record<ProtocolType, () => Promise<void>>;
+export declare function useActiveChains(multiProvider: MultiProtocolProvider): {
+    chains: Record<ProtocolType, ActiveChainInfo>;
+    readyChains: Array<ActiveChainInfo>;
+};
+export declare function useTransactionFns(multiProvider: MultiProtocolProvider): Record<ProtocolType, ChainTransactionFns>;
+//# sourceMappingURL=multiProtocol.d.ts.map

package/dist/walletIntegrations/multiProtocol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiProtocol.d.ts","sourceRoot":"","sources":["../../src/walletIntegrations/multiProtocol.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AA4BxE,OAAO,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,aAAa,EACd,MAAM,YAAY,CAAC;AAMpB,wBAAgB,WAAW,CACzB,aAAa,EAAE,qBAAqB,EACpC,oBAAoB,GAAE,OAAO,EAAO,GACnC;IACD,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5C,aAAa,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;CACnC,CAkCA;AAED,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,qBAAqB,EACpC,SAAS,CAAC,EAAE,SAAS,GACpB,WAAW,GAAG,SAAS,CAKzB;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,qBAAqB,EACpC,SAAS,CAAC,EAAE,SAAS,GACpB,OAAO,GAAG,SAAS,CAGrB;AAED,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,qBAAqB,EACpC,SAAS,CAAC,EAAE,SAAS,EACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAC3C,OAAO,GAAG,SAAS,CAUrB;AAED,wBAAgB,0BAA0B,CACxC,aAAa,EAAE,qBAAqB,EACpC,SAAS,CAAC,EAAE,SAAS,EACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAC3C;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;CAAE,CAMvD;AAED,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAatE;AAED,wBAAgB,aAAa,IAAI,MAAM,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,CAahE;AAED,wBAAgB,gBAAgB,IAAI,MAAM,CAAC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,CAiC5E;AAED,wBAAgB,eAAe,CAAC,aAAa,EAAE,qBAAqB,GAAG;IACrE,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAC9C,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CACrC,CAqBA;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,qBAAqB,GACnC,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAgC3C"}