@hyperlane-xyz/widgets 5.5.0 → 5.6.0-superchain.1

package/dist/icons/ChainLogo.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactElement } from 'react';
+import type { IRegistry } from '@hyperlane-xyz/registry';
+type SvgIcon = (props: {
+    width: number;
+    height: number;
+    title?: string;
+}) => ReactElement;
+export interface ChainLogoProps {
+    chainName: string;
+    registry: IRegistry;
+    size?: number;
+    background?: boolean;
+    Icon?: SvgIcon;
+}
+export declare function ChainLogo({ chainName, registry, size, background, Icon, }: ChainLogoProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ChainLogo.d.ts.map

package/dist/icons/ChainLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKzD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,KAAK,YAAY,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,IAAS,EACT,UAAkB,EAClB,IAAI,GACL,EAAE,cAAc,qBA6ChB"}

package/dist/icons/ChainLogo.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useState } from 'react';
+import { Circle } from './Circle.js';
+import { QuestionMarkIcon } from './QuestionMark.js';
+export function ChainLogo({ chainName, registry, size = 32, background = false, Icon, }) {
+    const title = chainName || 'Unknown';
+    const bgColorSeed = title.charCodeAt(0);
+    const iconSize = Math.floor(size / 1.9);
+    const [svgLogos, setSvgLogos] = useState({});
+    const logoUri = svgLogos[chainName];
+    useEffect(() => {
+        if (!chainName || svgLogos[chainName] || Icon)
+            return;
+        registry
+            .getChainLogoUri(chainName)
+            .then((uri) => uri && setSvgLogos({ ...svgLogos, [chainName]: uri }))
+            .catch((err) => console.error(err));
+    }, [chainName, registry, svgLogos, Icon]);
+    if (!logoUri && !Icon) {
+        return (React.createElement(Circle, { size: size, title: title, bgColorSeed: bgColorSeed }, chainName ? (React.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase())) : (React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize }))));
+    }
+    if (background) {
+        return (React.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" }, Icon ? (React.createElement(Icon, { width: iconSize, height: iconSize, title: title })) : (React.createElement("img", { src: logoUri, alt: title, width: iconSize, height: iconSize }))));
+    }
+    else {
+        return Icon ? (React.createElement(Icon, { width: size, height: size, title: title })) : (React.createElement("img", { src: logoUri, alt: title, width: size, height: size }));
+    }
+}
+//# sourceMappingURL=ChainLogo.js.map

package/dist/icons/ChainLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAgBrD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,KAAK,EAClB,IAAI,GACW;IACf,MAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IAExC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,IAAI;YAAE,OAAO;QACtD,QAAQ;aACL,eAAe,CAAC,SAAS,CAAC;aAC1B,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,WAAW,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;aACpE,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IACvD,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAG,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAO,CACvE,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CACxD,CACM,CACV,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,iBAAiB,IACxD,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CACrE,CACM,CACV,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAC7D,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/utils/timeout.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchWithTimeout(resource: RequestInfo, options?: RequestInit, timeout?: number): Promise<Response>;
+//# sourceMappingURL=timeout.d.ts.map

package/dist/utils/timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.d.ts","sourceRoot":"","sources":["../../src/utils/timeout.ts"],"names":[],"mappings":"AAAA,wBAAsB,gBAAgB,CACpC,QAAQ,EAAE,WAAW,EACrB,OAAO,CAAC,EAAE,WAAW,EACrB,OAAO,SAAQ,qBAUhB"}

package/dist/utils/timeout.js

@@ -0,0 +1,11 @@
+export async function fetchWithTimeout(resource, options, timeout = 10000) {
+    const controller = new AbortController();
+    const id = setTimeout(() => controller.abort(), timeout);
+    const response = await fetch(resource, {
+        ...options,
+        signal: controller.signal,
+    });
+    clearTimeout(id);
+    return response;
+}
+//# sourceMappingURL=timeout.js.map

package/dist/utils/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../../src/utils/timeout.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,QAAqB,EACrB,OAAqB,EACrB,OAAO,GAAG,KAAK;IAEf,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE;QACrC,GAAG,OAAO;QACV,MAAM,EAAE,UAAU,CAAC,MAAM;KAC1B,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@hyperlane-xyz/widgets",
   "description": "Common react components for Hyperlane projects",
-  "version": "5.5.0",
+  "version": "5.6.0-superchain.1",
   "peerDependencies": {
     "react": "^18",
     "react-dom": "^18"
   },
   "dependencies": {
     "@headlessui/react": "^2.1.8",
-    "@hyperlane-xyz/sdk": "5.5.0",
-    "@hyperlane-xyz/utils": "5.5.0",
+    "@hyperlane-xyz/sdk": "5.6.0-superchain.1",
+    "@hyperlane-xyz/utils": "5.6.0-superchain.1",
     "clsx": "^2.1.1",
     "react-tooltip": "^5.28.0"
   },
   "devDependencies": {
-    "@hyperlane-xyz/registry": "4.3.6",
+    "@hyperlane-xyz/registry": "4.7.0",
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",
     "@storybook/addon-links": "^7.6.14",