@multiversx/sdk-dapp-liquidity 1.1.7 → 2.0.0-alpha.0

package/reactjs/components/Connect/ChainSelectConnect.mjs

@@ -0,0 +1,143 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useAppKit } from "@reown/appkit/react";
+import { useState } from "react";
+import { getDisplayName } from "../../../helpers/getDisplayName.mjs";
+import { useWeb3App } from "../../context/useWeb3App.mjs";
+import { useAccount } from "../../hooks/useAccount.mjs";
+import { useSuiConnect } from "../../hooks/useSuiConnect.mjs";
+const SUI_ICON = "https://raw.githubusercontent.com/MystenLabs/sui/main/docs/site/static/img/logo.svg";
+const ChainSelectModal = ({
+  activeChain,
+  hasSui,
+  onEvmSelect,
+  onSuiSelect,
+  onClose
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: "liq-fixed liq-inset-0 liq-z-[9999] liq-flex liq-items-center liq-justify-center liq-bg-black/60",
+    onClick: onClose,
+    children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "liq-w-[340px] liq-rounded-2xl liq-bg-neutral-900 liq-border liq-border-neutral-700/40 liq-shadow-2xl",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-justify-between liq-px-5 liq-py-4 liq-border-b liq-border-neutral-700/30", children: [
+            /* @__PURE__ */ jsx("h3", { className: "liq-text-white liq-text-base liq-font-semibold liq-m-0", children: "Select Chain" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "liq-text-neutral-400 hover:liq-text-white liq-text-lg liq-bg-transparent liq-border-none liq-cursor-pointer liq-p-1",
+                children: "×"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-flex-col liq-gap-2 liq-p-4", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: onEvmSelect,
+                className: "liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer",
+                children: [
+                  (activeChain == null ? void 0 : activeChain.pngUrl) && /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: activeChain.pngUrl,
+                      alt: "",
+                      className: "liq-w-8 liq-h-8 liq-rounded-full"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("div", { className: "liq-text-sm liq-font-semibold", children: activeChain ? getDisplayName(activeChain) : "Ethereum" }),
+                    /* @__PURE__ */ jsx("div", { className: "liq-text-xs liq-text-neutral-400", children: "EVM Chains" })
+                  ] })
+                ]
+              }
+            ),
+            hasSui && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: onSuiSelect,
+                className: "liq-flex liq-items-center liq-gap-3 liq-w-full liq-rounded-xl liq-bg-neutral-800/60 liq-px-4 liq-py-3 liq-text-left liq-text-white liq-font-medium liq-border liq-border-transparent liq-transition-all liq-duration-200 hover:liq-bg-neutral-750 hover:liq-border-neutral-600/50 liq-cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: SUI_ICON,
+                      alt: "",
+                      className: "liq-w-8 liq-h-8 liq-rounded-full"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("div", { className: "liq-text-sm liq-font-semibold", children: "Sui" }),
+                    /* @__PURE__ */ jsx("div", { className: "liq-text-xs liq-text-neutral-400", children: "Sui Network" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  }
+);
+const ChainSelectConnect = ({
+  activeChain,
+  disabled,
+  className
+}) => {
+  const [showModal, setShowModal] = useState(false);
+  const { open } = useAppKit();
+  const account = useAccount();
+  const { options } = useWeb3App();
+  const suiConnect = useSuiConnect();
+  const hasSui = Boolean(options.suiEnvironment);
+  if (account.isConnected || suiConnect.isConnected) {
+    return null;
+  }
+  const handleEvmConnect = () => {
+    setShowModal(false);
+    open({ view: "Connect", namespace: "eip155" });
+  };
+  const handleSuiConnect = () => {
+    setShowModal(false);
+    suiConnect.connect();
+  };
+  if (!hasSui) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleEvmConnect,
+        disabled,
+        className: `liq-font-bold liq-text-inherit liq-rounded-lg ${className ?? ""}`,
+        children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showModal && /* @__PURE__ */ jsx(
+      ChainSelectModal,
+      {
+        activeChain,
+        hasSui,
+        onEvmSelect: handleEvmConnect,
+        onSuiSelect: handleSuiConnect,
+        onClose: () => setShowModal(false)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setShowModal(true),
+        disabled,
+        className: `liq-font-bold liq-text-inherit liq-rounded-lg ${className ?? ""}`,
+        children: /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsx("span", { className: "liq-text-primary-200", children: account.isConnecting ? "Connecting..." : "Connect" }) })
+      }
+    )
+  ] });
+};
+export {
+  ChainSelectConnect
+};

package/reactjs/components/Connect/MvxAccountDisplay.js

@@ -26,7 +26,14 @@ const MvxAccountDisplay = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     accountAddress && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("img", { src: chainIcon, alt: "", className: "liq-w-6" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: chainIcon,
+          alt: "",
+          className: "liq-w-6 liq-h-6 liq-rounded-lg"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-truncate liq-text-gray-400", children: "MultiversX:" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -72,9 +79,16 @@ const MvxAccountDisplay = ({
         className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
         onClick: handleConnect,
         "data-testid": "mx-connect-button",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Connect " }),
-          /* @__PURE__ */ jsxRuntime.jsx("img", { src: chainIcon, alt: "", className: "liq-w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: chainIcon,
+              alt: "",
+              className: "liq-w-4 liq-h-4 liq-rounded-sm"
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })
         ] })
       }

package/reactjs/components/Connect/MvxAccountDisplay.mjs

@@ -23,7 +23,14 @@ const MvxAccountDisplay = ({
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     accountAddress && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("img", { src: chainIcon, alt: "", className: "liq-w-6" }),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: chainIcon,
+          alt: "",
+          className: "liq-w-6 liq-h-6 liq-rounded-lg"
+        }
+      ),
       /* @__PURE__ */ jsx("span", { className: "liq-truncate liq-text-gray-400", children: "MultiversX:" }),
       /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-between", children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-max-w-[10rem] liq-items-center liq-gap-1", children: [
         /* @__PURE__ */ jsx(
@@ -69,9 +76,16 @@ const MvxAccountDisplay = ({
         className: "liq-rounded-lg liq-font-semibold liq-transition-colors liq-duration-200 disabled:liq-opacity-50 liq-bg-neutral-750 liq-text-primary-200 hover:enabled:liq-bg-primary liq-px-2",
         onClick: handleConnect,
         "data-testid": "mx-connect-button",
-        children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
           /* @__PURE__ */ jsx("div", { children: "Connect " }),
-          /* @__PURE__ */ jsx("img", { src: chainIcon, alt: "", className: "liq-w-4" }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: chainIcon,
+              alt: "",
+              className: "liq-w-4 liq-h-4 liq-rounded-sm"
+            }
+          ),
           /* @__PURE__ */ jsx("div", { children: "MultiversX" })
         ] })
       }

package/reactjs/components/Connect/MvxConnectButton.js

@@ -26,14 +26,14 @@ const MvxConnectButton = ({
       ),
       disabled,
       onClick,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Connect " }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             src: icon ?? "",
             alt: "",
-            className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+            className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { children: "MultiversX" })

package/reactjs/components/Connect/MvxConnectButton.mjs

@@ -23,14 +23,14 @@ const MvxConnectButton = ({
       ),
       disabled,
       onClick,
-      children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-gap-2", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
         /* @__PURE__ */ jsx("div", { children: "Connect " }),
         /* @__PURE__ */ jsx(
           "img",
           {
             src: icon ?? "",
             alt: "",
-            className: "liq-h-[1.5rem] liq-w-[1.5rem]"
+            className: "liq-h-[1.5rem] liq-w-[1.5rem] liq-rounded-lg"
           }
         ),
         /* @__PURE__ */ jsx("div", { children: "MultiversX" })

package/reactjs/components/Connect/index.d.ts

@@ -4,3 +4,4 @@ export * from './MvxConnectButton';
 export * from './SwitchChainButton';
 export * from './BridgeAccountDisplay';
 export * from './MvxAccountDisplay';
+export * from './ChainSelectConnect';

package/reactjs/components/Connect/index.js

@@ -7,9 +7,11 @@ const reactjs_components_Connect_MvxConnectButton = require("./MvxConnectButton.
 const reactjs_components_Connect_SwitchChainButton = require("./SwitchChainButton.js");
 const reactjs_components_Connect_BridgeAccountDisplay = require("./BridgeAccountDisplay.js");
 const reactjs_components_Connect_MvxAccountDisplay = require("./MvxAccountDisplay.js");
+const reactjs_components_Connect_ChainSelectConnect = require("./ChainSelectConnect.js");
 exports.BridgeConnectButton = reactjs_components_Connect_BridgeConnectButton.BridgeConnectButton;
 exports.CustomConnectButton = reactjs_components_Connect_CustomConnectButton.CustomConnectButton;
 exports.MvxConnectButton = reactjs_components_Connect_MvxConnectButton.MvxConnectButton;
 exports.SwitchChainButton = reactjs_components_Connect_SwitchChainButton.SwitchChainButton;
 exports.BridgeAccountDisplay = reactjs_components_Connect_BridgeAccountDisplay.BridgeAccountDisplay;
 exports.MvxAccountDisplay = reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay;
+exports.ChainSelectConnect = reactjs_components_Connect_ChainSelectConnect.ChainSelectConnect;

package/reactjs/components/Connect/index.mjs

@@ -4,9 +4,11 @@ import { MvxConnectButton } from "./MvxConnectButton.mjs";
 import { SwitchChainButton } from "./SwitchChainButton.mjs";
 import { BridgeAccountDisplay } from "./BridgeAccountDisplay.mjs";
 import { MvxAccountDisplay } from "./MvxAccountDisplay.mjs";
+import { ChainSelectConnect } from "./ChainSelectConnect.mjs";
 export {
   BridgeAccountDisplay,
   BridgeConnectButton,
+  ChainSelectConnect,
   CustomConnectButton,
   MvxAccountDisplay,
   MvxConnectButton,

package/reactjs/components/TokenSelector/components/TokenItem.js

@@ -5,6 +5,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@reown/appkit/react");
 const React = require("react");
 const reactjs_components_TokenSelector_components_TokenIcon = require("./TokenIcon.js");
+const types_chainType = require("../../../../types/chainType.js");
 const reactjs_context_useWeb3App = require("../../../context/useWeb3App.js");
 const reactjs_hooks_useGetChainId = require("../../../hooks/useGetChainId.js");
 const reactjs_hooks_useResolveTokenChain = require("../../../hooks/useResolveTokenChain.js");
@@ -26,6 +27,9 @@ const TokenItem = ({
     );
   }, [chainId, sdkChains]);
   const handleSwitchChain = React.useCallback(() => {
+    if ((tokenChain == null ? void 0 : tokenChain.chainType) !== types_chainType.ChainType.evm) {
+      return;
+    }
     if (activeChain && (tokenChain == null ? void 0 : tokenChain.chainId) && (activeChain == null ? void 0 : activeChain.id.toString()) !== (tokenChain == null ? void 0 : tokenChain.chainId.toString())) {
       switchNetwork(
         (sdkChains == null ? void 0 : sdkChains.find(
@@ -33,7 +37,13 @@ const TokenItem = ({
         )) ?? activeChain
       );
     }
-  }, [activeChain, sdkChains, tokenChain == null ? void 0 : tokenChain.chainId, activeChain == null ? void 0 : activeChain.id]);
+  }, [
+    activeChain,
+    sdkChains,
+    switchNetwork,
+    tokenChain == null ? void 0 : tokenChain.chainId,
+    tokenChain == null ? void 0 : tokenChain.chainType
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {

package/reactjs/components/TokenSelector/components/TokenItem.mjs

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useAppKitNetwork } from "@reown/appkit/react";
 import { useMemo, useCallback } from "react";
 import { TokenIcon } from "./TokenIcon.mjs";
+import { ChainType } from "../../../../types/chainType.mjs";
 import { useWeb3App } from "../../../context/useWeb3App.mjs";
 import { useGetChainId } from "../../../hooks/useGetChainId.mjs";
 import { useResolveTokenChain } from "../../../hooks/useResolveTokenChain.mjs";
@@ -23,6 +24,9 @@ const TokenItem = ({
     );
   }, [chainId, sdkChains]);
   const handleSwitchChain = useCallback(() => {
+    if ((tokenChain == null ? void 0 : tokenChain.chainType) !== ChainType.evm) {
+      return;
+    }
     if (activeChain && (tokenChain == null ? void 0 : tokenChain.chainId) && (activeChain == null ? void 0 : activeChain.id.toString()) !== (tokenChain == null ? void 0 : tokenChain.chainId.toString())) {
       switchNetwork(
         (sdkChains == null ? void 0 : sdkChains.find(
@@ -30,7 +34,13 @@ const TokenItem = ({
         )) ?? activeChain
       );
     }
-  }, [activeChain, sdkChains, tokenChain == null ? void 0 : tokenChain.chainId, activeChain == null ? void 0 : activeChain.id]);
+  }, [
+    activeChain,
+    sdkChains,
+    switchNetwork,
+    tokenChain == null ? void 0 : tokenChain.chainId,
+    tokenChain == null ? void 0 : tokenChain.chainType
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     {

package/reactjs/components/TrimAddress/TrimAddress.js

@@ -16,7 +16,7 @@ const TrimAddress = ({
     "div",
     {
       "data-testid": dataTestId,
-      className: `liq-truncate liq-text-left liq-text-neutral-100 uppercase liq-flex liq-gap-1 ${className}`,
+      className: `liq-truncate liq-text-left liq-text-neutral-100 liq-flex liq-gap-1 ${className}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: address.slice(0, startLength) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "..." }),

package/reactjs/components/TrimAddress/TrimAddress.mjs

@@ -13,7 +13,7 @@ const TrimAddress = ({
     "div",
     {
       "data-testid": dataTestId,
-      className: `liq-truncate liq-text-left liq-text-neutral-100 uppercase liq-flex liq-gap-1 ${className}`,
+      className: `liq-truncate liq-text-left liq-text-neutral-100 liq-flex liq-gap-1 ${className}`,
       children: [
         /* @__PURE__ */ jsx("span", { children: address.slice(0, startLength) }),
         /* @__PURE__ */ jsx("span", { children: "..." }),

package/reactjs/components/index.js

@@ -18,6 +18,7 @@ const reactjs_components_Connect_MvxConnectButton = require("./Connect/MvxConnec
 const reactjs_components_Connect_SwitchChainButton = require("./Connect/SwitchChainButton.js");
 const reactjs_components_Connect_BridgeAccountDisplay = require("./Connect/BridgeAccountDisplay.js");
 const reactjs_components_Connect_MvxAccountDisplay = require("./Connect/MvxAccountDisplay.js");
+const reactjs_components_Connect_ChainSelectConnect = require("./Connect/ChainSelectConnect.js");
 const reactjs_components_CopyButton_CopyButton = require("./CopyButton/CopyButton.js");
 const reactjs_components_DisplayAmount_DisplayAmount = require("./DisplayAmount/DisplayAmount.js");
 const reactjs_components_SmallLoader_SmallLoader = require("./SmallLoader/SmallLoader.js");
@@ -43,6 +44,7 @@ exports.MvxConnectButton = reactjs_components_Connect_MvxConnectButton.MvxConnec
 exports.SwitchChainButton = reactjs_components_Connect_SwitchChainButton.SwitchChainButton;
 exports.BridgeAccountDisplay = reactjs_components_Connect_BridgeAccountDisplay.BridgeAccountDisplay;
 exports.MvxAccountDisplay = reactjs_components_Connect_MvxAccountDisplay.MvxAccountDisplay;
+exports.ChainSelectConnect = reactjs_components_Connect_ChainSelectConnect.ChainSelectConnect;
 exports.CopyButton = reactjs_components_CopyButton_CopyButton.CopyButton;
 exports.DisplayAmount = reactjs_components_DisplayAmount_DisplayAmount.DisplayAmount;
 exports.SmallLoader = reactjs_components_SmallLoader_SmallLoader.SmallLoader;

package/reactjs/components/index.mjs

@@ -15,6 +15,7 @@ import { MvxConnectButton } from "./Connect/MvxConnectButton.mjs";
 import { SwitchChainButton } from "./Connect/SwitchChainButton.mjs";
 import { BridgeAccountDisplay } from "./Connect/BridgeAccountDisplay.mjs";
 import { MvxAccountDisplay } from "./Connect/MvxAccountDisplay.mjs";
+import { ChainSelectConnect } from "./Connect/ChainSelectConnect.mjs";
 import { CopyButton } from "./CopyButton/CopyButton.mjs";
 import { DisplayAmount } from "./DisplayAmount/DisplayAmount.mjs";
 import { SmallLoader } from "./SmallLoader/SmallLoader.mjs";
@@ -31,6 +32,7 @@ export {
   BridgeConnectButton,
   BridgeForm,
   BridgeHistory,
+  ChainSelectConnect,
   CopyButton,
   CustomConnectButton,
   DisplayAmount,

package/reactjs/constants/chains.d.ts

@@ -25,9 +25,15 @@ declare const base: {
     base: string;
     BASE: string;
 };
-export type ChainNameType = keyof typeof msx | keyof typeof ethereum | keyof typeof binance | keyof typeof polygon | keyof typeof base | 'default';
+declare const sui: {
+    sui: string;
+    SUI: string;
+};
+export type ChainNameType = keyof typeof msx | keyof typeof ethereum | keyof typeof binance | keyof typeof polygon | keyof typeof base | keyof typeof sui | 'default';
 export declare const chainIdentifier: {
     default: string;
+    sui: string;
+    SUI: string;
     base: string;
     BASE: string;
     polygon: string;

package/reactjs/constants/chains.js

@@ -7,6 +7,7 @@ const Bsc = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%2
 const Ethereum = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='%23627EEA'/%3e%3cg%20clip-path='url(%23clip0_370_32336)'%3e%3cpath%20d='M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z'%20fill='%23627EEA'/%3e%3cpath%20d='M12.3735%203V9.6525L17.9963%2012.165L12.3735%203Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%203L6.75%2012.165L12.3735%209.6525V3Z'%20fill='white'/%3e%3cpath%20d='M12.3735%2016.4762V20.9964L18%2013.2122L12.3735%2016.4762Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%2020.9964V16.4754L6.75%2013.2122L12.3735%2020.9964Z'%20fill='white'/%3e%3cpath%20d='M12.3735%2015.4298L17.9963%2012.1651L12.3735%209.65405V15.4298Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M6.75%2012.1651L12.3735%2015.4298V9.65405L6.75%2012.1651Z'%20fill='white'%20fill-opacity='0.602'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_370_32336'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const MultiversX = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='1'%20y='1'%20width='22'%20height='22'%20rx='5'%20fill='black'/%3e%3crect%20x='1'%20y='1'%20width='22'%20height='22'%20rx='5'%20stroke='%231E1F25'%20stroke-width='2'/%3e%3crect%20x='4'%20y='4'%20width='16'%20height='16'%20fill='url(%23pattern0_370_28538)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_370_28538'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_370_28538'%20transform='scale(0.00333333)'/%3e%3c/pattern%3e%3cimage%20id='image0_370_28538'%20width='300'%20height='300'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABnZSURBVHgB7d1dkB1lncfx3ySrSQSSSUSWRVaaO+SCwM2SG6Cp2ggXREBrq1zQdbK1WlaJgLVFSgsoYhlLha2CqJSs7lYGhZRrFUgWL4xsFQe8AW9IuEDupvEFdxHJTFJIJlrM9r/79Mx56T5zXrpP99P9/VQ9OSeZQWFyzu/8n+f599MzAvp54ZhNedzWfkz+LJH82SCL7dH7PAjHUvv3QcfXgvYAVs0ITeWFw1ccNDvbj5erO4iqIOgYr4XjWPv5MaFxCKz687QWRBZMvqoXSuNKwut4OFrt3y8KtUVg1UtSJdm4RtWsmIoWKA6u59qPLaE2CCy3JQF1k9aqJ/RrKa7CnhJVmNMILPdYQPnhuLH9fL3FbvRrheOI1qaRAHJigeSH46FwnAjHCiPXsRCOQ6I6BcaWhJS9kQip6Y0T7Z/5TQKwLl+EVNXCyxeAVb6Y7lV9LCgOL09AA9mU785wPCu33rgM6aVwzInNDjSAL6qpuoxkyugJqBlfVFN1Hs+KhXo4Lpn2LcitNx9j/LGgeLoIOMOC6j4x7WvyWFAcXJ6AiiKoGL1jQfFrwhNQEQQVY72xoPg1ws4iSkNQMUYdC2KNCyWwHSF78bnwJmFUbyyI4MIU+KI9gZHfWBDrWyiATf/m5dabgeHOOCSCCzm5T6xTMYof9hq7T8CYfMWHu7nygmfUYyyIagsjsOnfg3LrRc6o37DXoCdgAF/s/jGqMxbEbiJSUFUxqjwOiWoLbb6oqhjVHwvi9NNGo6piuDjuU4M19TZfnuJ71O0U4J4gHNe2Hxtlg5rnDsXH3BJWcJWn+DV8pxpmo5rDpoBfD8f+cGwW4DZ7DV+v+HX9YjhOqwGaMiX0FF8D6Amon0ANmSI2YUpoJytY+ewJqCdP8Wu89ufK131KaDsqj4gpIOrPXuOfaD9/TjVV18Cyef131cBFSTSer7jistCq3bpWHdewPNGyAASq4bpW3QLLE4vrQCJQzUKrTovuvlhcBzp5it8TvmqiLmtYn1Y8DWRxHehm74m5cCyF4wU5rg6BZTuBDwnAINe3H53eQXQ9sCys9gvAMPz2o7Oh5XJgEVbA6Pz2o5Oh5WpgEVbA+Pz2o3Oh5WJgHRINocCkfMUN1kflENcCyw7c+5wA5GGX4taHI3KES4Fl08AvCUCeLm8/OjE9dCWwWLMCiuO3HysfWi4EFmEFFM9vP1Y6tKoeWIQVMD1++7GyoVXlwLKz178hANPkK75Y+rgqqKqnNfiKT10AUA475aGliqliYHmKrzCfFYCyLIbjClXsaJqqHS/jKa6sCCugXPYerNzZclWqsOwHxHlWQLUcUzw9XFQFVGnR3W4W4QtAlZzfHpXohq9KYFn7AtcHAtVUmW74KkwJ7V5qPxGAqrtZ8cm+pSk7sDyxIwi4ovSdwzIDi0V2wD2B4tAqZRG+zDWsr2vtnGkAbrBCw25sUco5WmUFll12s18AXGTnaJVyF54ypoSeWLcCXFfKelYZgbUg1q2AOph6U+m0p4TWb3WTANSBNZROdT1rmhWWL05gAOpoaic7TCuwPFXwQkoAuQg0pVaHaU0J7VbyvgDU0dRaHaZRYc0pvpcggHorfGpYdGB5YioINEWggqeGRU8JbVeQbnagGQqfGhZZYXmKe64ANEthU8MiA4sGUaCZrKH0ChWgqCkhDaJAc1lDqRVDLeWsiArLE9cKAk1nC+8XK+cF+CLumrNfhBXQdJYBDypneVdYnlhoB7Am1wX4vCssrhUE0Ok+5SjPwJoTu4IAuvnKcQMuzykhbQwA0gTKqQM+rwprToQVgHSecrrvaB4VFne/AbCeXNoc8qiw7IYSngAgmxU2E1dZk1ZYnjiNAcBwJq6yJq2wPi3CCsBwJq6yJqmwPFFdARjNRFXWJBWWL8IKwGgmqrImqbDouwIwjrGrrHErrDkRVgDGY1XWnMYwboVFdQVgEmMd8jdOhWXXBXkCgPFdrjFu/TfOiaPfFYHV568uulB/++LTenfpVHucFJprw+xWbfuXW7Tjq/v0l1//Tn957bdCHy8cj47yD4w6JfTEeVepzvve/TrnUx9f/f2pHz6hk489qdPPvyA0x+ard+nsPX+vcz758Si0zDvPv6jXr7tFSDXSeVmjBta84mZRdNh89ZX64NHDqV+zT9a3vvat6EXLp2w9WTBtDQPqfXt2a0v4Wkjz+nW3hq8BPrxSHNQIbQ6jBJat7C+I44/7XPDzw9py1ZXrfh9VV72kVVNZqLIyjdTiMEpgzYlbzvcZVF1lSaqut59+Ru8ustblkmGqqSxUWZm+GI6HhvnGUQLLjpC5XOjyoVef03vCBfdxWFhZaC0+PK8zx18RqmuUaioLVVamluK1rHUNG1ieWGzvY4vsttieh+WXX9HSd+apuipkkmoqC1VWpqEW34cNrHmx2N5nkuoqC1VX+fKoprLYB9Nvr9wj9Blq8X3YwKKzvUee1VUWqq7pKaKayvLGZ/dFGzDoYovu29f7pmECyxe37+pTRHWVhaqrOEVWU1ls0+W1S64R+qw7LRym032/WGzvYtXV1o4m0aLNbN6kTTsvjTqnt4RvMPuYOfPyr4TxdHah77jndm3+uyuin/E0///taojlXx4T+hwZ9MVhKqwToveqyzSrqyz2KW27TtYeQUPqcMqoprLYpVtWZTHV77JuT9Z6gWUXOv9EWLXttr0694F7VCUWXKcee4J1kRTTXJsalX3YnDhwUOgycFq4XmDNi93BVXaB8wVHHy+9uspC1bWmStVUFqqsVPPh2Jv1xfUCi+lgh+3heseOu++QC5pYdVW5mspCldVn4LRwUGD5YndwVdWrqyxNqLree9ml4SbIxypdTWWhykqVOS0ctEu4X+wOrrJ1q2iHzjH2BrYdxtlw7a1OO4z237Vl9zX6wLe/qvcfuGvqO315sX/nleUzOh1+qGDVUjh+lvaFQRUWzaJtVl1dFO4M1oXLVZdVU2eFU77Z2+acq6ayUGX1yWwizQosq6xeEiK9h/PViQtrXRZMm6/aFYWUK2tTo7Kfv3XAY5Wd997XqJYVWHZNz4NC7aqrLFWsuupYTQ1iVRY9datSj5zJCixbbPeFWldXWcqsuppQTWWhyurSUsqRM2mBZW0MJ4TGVFdZpll1RZfLfH5vY6qpLBw/syq1vSHtNl/sDLad/dHdajILbKsuLbQvOHq4kErTGjztf/vi378UXdfX5LAy773sw0LECqe+LEqrsGze6EZ35BTYtOQD4bTQtf6rouRRdVFN9XvnFy9GDaTv0N7Qqe+MrLTAYv0qhVUX2+++neDqMOpal1VTO8KfYdPWpgYhqAZqqWcdKy2wVoRMBFe/QVUX1VQ6O5zxj3cdIKjWZ/1Yq+tYvYHli8txhjL7hb3a+vk5gquHvRH/8trvovOe3nvZJdp02aXCmuSOSZysMbSuy3R6A4v+qxHYorRdw7bdkQuiUR7rYl96+JAWvzNPR/touvqxegPrqXDcKIzEgst2uOziW6ATQTUxO4H0puQ3vYHF9YMTILiQIKhyEyjux4p0BhYNozmx4Dr33+7RWTc0u4+rqWzn9K0DHKKYo9WF987A8sWCe67o4WoWWhQKc7Pi5aquTndfyJW9cH99yTXR9WF/5tO2tiyo7Bb0r3/kFsKqGF7ypDOwuCSnILaFTXDVD0E1NTuTJ51TQjv/itCaAppP3UYv1dQFai+8dwYWHe5TRA+Xe5KdP1tQx9TNrP4iThgtDa0Q1UeLQiVYhRUkgcUNU0tGcFUPQVUpdq/C+WTRnbWrktm6yBuf2Rcdk2t9PCiX/R38ZteeaPpHWFVCdH/UJLA8oRKS4LLdpzPH3b8dl2ts588+NOzvgMbPSol2CpPAukioFNsm/82uG2iFmJLOFgWCqpKi234la1hcQ1hxtEIUg+50ZwThuDgJLFoaHEFw5YNeKifNWGB5iissOCLp4To73FEkuEZjC+gnvnYw2vmDc6IKyxcXPTuJVojh0aJQC1dYYNGD5TiCKxtBVSs3bwx/2aWOE/3gnneXTurtp5/Rqcee1MbZrZyj3ma9VL+/8Z/1p58/r5XTy4LzjlpgWVj5gvOS4Dod7nz9lXdhY9e34haFW6MFdYKqVo5bH9asUCu2RW/9RE3r4aKXqvZmCawaa8o5XJxL1RjbbNGdOz03RN16uKLLmMIwJqQa44itYc2JLvdGOPPyr8Kq60lpeTnaWdzo6J2YbbfvrXvv1//9053RTVvRGP9rFRYnjTaQi60QtCg0XnQeFtcRNpgLwUVQoY3AQqyqwbX0nUPRNX8EFdQOLLt5KjuFiFhwnff9+7XlqitVJusne/OuA7QnoNOiBRYnNaBPWTuKHPeCQQgsDDSt4CKoMAwCC0MpKrjopcIoCCyMxBbm8ziHiwP0MI4NAoa0YXarVlZmtHHb5A2ntrifDGBYVFgYyrbb9mpHOCXckHN3vFVaJx97Mlq/AtZDYGGgaS26M0XEMAgspNp89a6ootpy9XT7sQguDELjKLqUFVS9CC6kWOTSHESiDvfv3V96UPWydgdre6DjHeJaQkTXEIYVla1VVZlVWlZxEVyNRmA1le32bfv8Xs3eNpf7zl+RCK5GO8aJow3jalD1IrgaqWUnjt4cjkuE2tt+9x06/wcH9b6PXK2ZzZvksk07L9XZe3aHobstOnXU7hiE2gsssK4XJ47Wmq1Pnf/jR3T2R3c7H1SdrEK0TQILrneXTkVHQKPWWnZpzqJQS9aicMHRw9HuX53vUZjscF706nOV3zzARJYIrBpKguqDRx+vXJtCkQiu2ov6sObCcUhwXlWaPqti+fgrenPf13T6+ReEWthLhVUDSWXRtIpqPbYwbz8T+9lwKkQtRBWWLbi/JDinLi0K00IrhPOutcDyFDePwhEE1WQILmddPNN+wokNDiCo8pVcXE1wOWMmCSwuz6m4su5iU3cWVnaDVrv/ISotUEeF9VQ4bhQqx3b+zn3gbm267FKhOBxnU3mtcFybnOnOTmHFdPZSEVbFo4er8gL7JQmsY0IlNLXpsyo6g+usPbuFynjNfqHCqgh6qarF/j7s+kv78KCHqxKioipZw/JEa0MpbLfPTlGwnT9UF60QpbtC7fOwErQ2TBEtCm4iuEozs/pLG60NU0BQ1QPBNVU2HbQKSxs7/tD+gHOxCmS7T3/9g4O1O5eqiToPELRzuFZOLwuFeTEcP7InnYHlKT7MDzmLd/4e19YwsDZSVdVGcoDgOf9wAwcIFuu/FPdhre4SmkDIVWeLAh3q9UUPV+FayZPONSxP7BTmgnOpmo2u+dxtV7v1aqbnCyy8T8A+ac+9/x6d9VEaDhHfBNaCiwMEJxKE4+LkNxt6vnhcGJmtZbz/gXvj7mjCCm1WYXOA4MS6MmljzxfPFwvvQ7Ogmv3Xz0W3zmL6hyy2ozh7295oHXM5XJjnlmQj+fdwrJaovVNCX/GNVTEAvVTp3l08qbd/+j/6c7s36T0XfVCbr7qSDYce9HCN5FplLLqb2XCcEDJtCz8pbUGdoFrzzi9e1IkDB6M1mzS2c2Zjy1VUoZ04QHAoM5m/aePW9Sls5++8732TaqHNqqmlhw9Fh9/Z82HYOs6Oe26n6urAAYIDtRRXWKvSAuuhcNwhRGhR6GbV1NK3D0WPwwZVGqqubrRCpDoYjjs7/yAtsHyxjhWxnT9OUVirpt5++hktH8+3m5uqq9tiWGn98a4DQqRr/cqkBZatYy20HxvNqirrVG8qq6L+9N/P6ORjT0xUTQ2Lqkt67ZJrWNNas9owmpjJ+EbWsdrO+/79OueTzbncwoLp1ONP6O0wqLIW0YvW1KrrVPjB8MZn9gmRlnrWr0xWYNm88UEhevNYQ2jdTbuaGlaTqi6qqy5fVLye3iUrsLgbdIe6VllVqKaGVfeqy3YJ32TtqlN0wmjvH84M+AesH6vx61hmw7atUZVVl96rqlZTw6pb1WVV1e+uu5Xqak2gjusHO20c8A/9TTh2CVpZXtbMlk3hIry7Pw4LppP/eVhv3fuAThz4lk7/8pizh87ZuVO2/X/qsSej88Xe86ELnT4Qcenh+WgHFqvsPqlH0r4wqMLyRXvDKlerrOWXX9GfwjfDKA2errG/E7sll12FsOmyD8slVFep+toZEoMCi/aGHtvDNZQdd1e/p9aCKWrwDNdFqr42lTe76ey2L8zprBt2O/Hh8sZn99Es2s3aGLZnfXFQYJn5cHxaiFS9yhrncpm6cqHqsqrKdgbRZT4ce7O+OGgNy1jazQmRqq5lWTX1h/CT+g+33xtVVNwQQdHPwNa6Tv7HYZ0Ofz720WzVV5W8ue8A58D3+0o4Xs364noVFtPCHlWpsqimRmetEXb1wva7by+9NYLqKtXA6aBZr8I6HQ6rp7n9V5tVWTpzRu/bfbXKQDU1Pjs4zyqapTDky666qK5S2a28jgz6hvUqLOOL3cI+HwqrrGl9SlNNFaeMqovqKlPm7mBimMAyNJH2sMZFO6u7SOsdjId8RfcYtKbUgq9qYGcwVaCMZtFOwwYWZ2SluPCFn2rTznx3oJJq6uQPn6Q3pyRFVl3WF/fbK/cIfeY1YHcwMWxg+WJa2CfP42fyOhgP+cq76nr9ulvDipnbfqWw6ipY75uGDSzDkTMpLvj54bGvaUsuPrbpQd4H4yFfeVRdNrV//bpbhD52kfMVw3zjKIHFkTMpxqmyXL/4uOnGrbo4PiaTTQXnh/nGUQKLnqwMw1RZLh3lguGMUnVxOF8m6726WD0ni2YZJbAMi+8pBlVZVFPNYK8BuwzILgdKQ3WVaV5DLLYnRg0sXyy+p+qssqimmsuqrq2f+pjODqeLSdVFdTXQUIvtk7DAWmF0j/ATdiUMrZXZ2/aubJjd6tS/O6OYEVZbK+f/+JGVMMSc+vee4nhWIxq1wjK+qLIATO5mxYf1DW2cwDJ23jvXFwIYV6AhOtt7bdB4HhUAjO8rGsO4FRYtDgDGFWiM6sqsd7xMFjt2ZovofAcwOrvn4DGNYdwKy1BlARhVoPgYmUBjGHcNy1hn6kEBwPBs/TvQmCapsAxVFoBhBZqgujKTVFiGKgvAsCaqrsykFZahygKwnkDxETJDXeScZdxdwk7sGAJYj+0MTnxyYR4VlrHqyrrfPQFAt0Bj9l31mnQNK2Fl3hcFAP3G6mpPk1eFlbCLon0BQCxQTtWVyavCSuSWpABq4VrlKO/AaokLowHE5pXz4Xx5TwkNbQ4AbF3b2hgC5SjvCsvQTArAMiBQzoqosBIc8gc0U6AcF9o7FVFhJWhzAJop14X2Tnl0umcJwrE9HLsEoClsKvgjFaTIKaGhAx5ojkATnsawniKnhMYW4Ie+SSIAp1kfZqACFTklTARiagjU3bym0Dhe9JQwwdQQqK9ABU8FE0VPCRNMDYH6svd2oCmYxpQwEYipIVA3Ng2c15RMa0qYsKmhnehAQyngvkAFNYhmmXZgGU/xehbXGgLuKuRawfVMc0qYsP/Q5XBcLwCu+nI4fqYpKyOwjJ3tzHoW4CbrZt+vEpQxJUzQ6gC4J1AOd78ZV5mBZTyxngW4opR1q07T6sPKEoj+LMAVU+u3ylLWGlanVxVXer4AVJX1Wz2iklUhsExLcT8H/VlA9cyrIufblb2G1YmmUqB6ApW4yN6r7DWsTvYDuVklz5EBrAoUX9RcibAyVaqwEp7YOQTKVvqOYJoqVViJQHGlBaA8lZztVDGwTEu0OwBlsQX2liqoKruEaY6Jdgdg2qx94RuqqCoHlmmJ0AKmxcJqvyqs6oFlWiK0gKJVPqyMC4FlWiK0gKI4EVbGlcAyLdEND+TNjor5khzhUmCZp8Q5WkBeHg3H5+QQ1wLL2CmHTA+Bydg08E45xsXAMi0RWsC4nFmz6uVqYJmWCC1gVM6GlXE5sExLhBYwLKfDyrgeWKYVjiVxFx5gELvU7SE5roqnNYzLD8dPxCkPQKfk2KaWaqBOgWU8xYcAegIQKD7PKlBNVPW0hnEFqtlfEDCm46rhe6FugWUCxQePPSqgmey176uGH9x1WHRPc1pxVzw7iGiapCH0tOCkm8JxIhwrDEaNh73G7bVea3VbdM/iicV41Feghqzd1nENK02geF3roIB6sdd05W4WUZS6rmGlsTm9XThtTaZ22sNmAe6y/qovK+5cb8x6VVOmhL08MUWEu6xlwdarAjVMU6aEvQLFhwF+RYBbbAroi17DxvLDsSC3doQYzRsLokWnUWtYWYJwHFF8kinHL6OKrKr6x3C8KqDDnKi2GNUZC6Kq6kKF1c1u3mrVlm1GcG48ykRVhZF4otpiTH/Yh6YvpKLCymZ9LvYpZ9WWrW3Rt4Ui2evtm+H4hNgBxIS8cMzLrU9qhjvjkDh4EgXwxDSRkd94Vkz/MAVzIrgY448FNeBkBVTPnAguxvDDjoDZL6Z/KJG9+PaL4GJkD4IKleOJ4GJ0D4IKleeJqSJBRVDBQXMiuJo0XlJ8njpBBafZjtCzcuvNxxh+PCvaE1BDnuIGVG6K4f6wv0O79bsvoOZsyjCneArh0puUEVdTTPvQWJ7iqmtBbr1xmzSopoAUvpgyVimkDomQAoZiC/XzIrzKCimmfMCYfDFtLDKkkukeIVVxTb3Nl8vsbC4/HDeK6co47Nyp5GTZVvs5HEFguc0qAgswmz7uFAGWpaX4Xn5PKQ6oRcFJBFb9+IpD7Jr2o6dmCRSH0nPtRwKqRgis+kuqMF9xFeapPrczC7RWPSXPCacaI7CaK6m+7PGi9vNkVEmgtSrpePuxJc49byQCC2m89phtj+T5Nq0FWvK13udZFtVd/QQdf7bUfgxSHoFV/w+vUGK+gqXMIAAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e";
 const Polygon = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='%238247E5'/%3e%3cg%20clip-path='url(%23clip0_370_32349)'%3e%3cpath%20d='M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z'%20fill='%238247E5'/%3e%3cpath%20d='M16.1147%209.3027C15.8227%209.13603%2015.4467%209.13603%2015.112%209.3027L12.7727%2010.6814L11.186%2011.5587L8.888%2012.9374C8.59533%2013.104%208.21933%2013.104%207.88533%2012.9374L6.08867%2011.8507C5.93606%2011.7608%205.80955%2011.6327%205.72163%2011.4789C5.6337%2011.3252%205.58742%2011.1511%205.58733%2010.974V8.88537C5.58733%208.5507%205.754%208.2167%206.08867%208.00803L7.88533%206.96337C8.17733%206.7967%208.55333%206.7967%208.888%206.96337L10.684%208.05003C10.9767%208.2167%2011.1853%208.5507%2011.1853%208.9267V10.3054L12.7727%209.3867V7.9667C12.7727%207.63203%2012.606%207.29737%2012.2713%207.0887L8.92933%205.12537C8.63733%204.9587%208.26133%204.9587%207.92667%205.12537L4.50133%207.1307C4.16733%207.29737%204%207.63203%204%207.96603V11.8927C4%2012.2274%204.16667%2012.5614%204.50133%2012.77L7.88533%2014.734C8.17733%2014.9007%208.55333%2014.9007%208.888%2014.734L11.1853%2013.3967L12.7727%2012.478L15.0707%2011.1407C15.3627%2010.974%2015.7387%2010.974%2016.0733%2011.1407L17.8693%2012.1854C18.162%2012.352%2018.3707%2012.6867%2018.3707%2013.0627V15.1514C18.3707%2015.4854%2018.204%2015.82%2017.8693%2016.0287L16.1147%2017.0734C15.8227%2017.24%2015.4467%2017.24%2015.112%2017.0734L13.316%2016.0287C13.1633%2015.9388%2013.0367%2015.8105%2012.9488%2015.6566C12.8609%2015.5028%2012.8146%2015.3286%2012.8147%2015.1514V13.8147L11.2267%2014.7334V16.1114C11.2267%2016.446%2011.3933%2016.78%2011.728%2016.9887L15.1113%2018.9527C15.404%2019.1194%2015.78%2019.1194%2016.114%2018.9527L19.498%2016.9887C19.7907%2016.822%2019.9993%2016.4874%2019.9993%2016.1114V12.1427C19.9993%2011.8094%2019.8327%2011.4747%2019.498%2011.2654L16.114%209.30203L16.1147%209.3027Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_370_32349'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const Sui = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='none'%3e%3ccircle%20cx='16'%20cy='16'%20r='16'%20fill='%234DA2FF'/%3e%3cpath%20d='M21.89%2011.12a7.19%207.19%200%200%200-1.89-3%207.19%207.19%200%200%200-3-1.89A7.12%207.12%200%200%200%2016%206a7.12%207.12%200%200%200-1%20.07%207.19%207.19%200%200%200-3%201.89%207.19%207.19%200%200%200-1.89%203A7.12%207.12%200%200%200%2010%2012.18v.14c0%20.14%200%20.28.05.42a7.17%207.17%200%200%200%202.06%204.46l3.42%203.42a.67.67%200%200%200%20.94%200l3.42-3.42a7.17%207.17%200%200%200%202.06-4.46c0-.14.05-.28.05-.42v-.14a7.12%207.12%200%200%200-.11-1.06z'%20fill='%23fff'/%3e%3c/svg%3e";
 var ChainName = /* @__PURE__ */ ((ChainName2) => {
   ChainName2["ethereum"] = "Ethereum";
   ChainName2["bsc"] = "Binance BSC";
@@ -35,12 +36,17 @@ const base = {
   base: Base,
   BASE: Base
 };
+const sui = {
+  sui: Sui,
+  SUI: Sui
+};
 const chainIdentifier = {
   ...msx,
   ...ethereum,
   ...binance,
   ...polygon,
   ...base,
+  ...sui,
   default: _default.DefaultIcon
 };
 const ALL_NETWORK_ID = "-1";

package/reactjs/constants/chains.mjs

@@ -4,6 +4,7 @@ const Bsc = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%2
 const Ethereum = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='%23627EEA'/%3e%3cg%20clip-path='url(%23clip0_370_32336)'%3e%3cpath%20d='M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z'%20fill='%23627EEA'/%3e%3cpath%20d='M12.3735%203V9.6525L17.9963%2012.165L12.3735%203Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%203L6.75%2012.165L12.3735%209.6525V3Z'%20fill='white'/%3e%3cpath%20d='M12.3735%2016.4762V20.9964L18%2013.2122L12.3735%2016.4762Z'%20fill='white'%20fill-opacity='0.602'/%3e%3cpath%20d='M12.3735%2020.9964V16.4754L6.75%2013.2122L12.3735%2020.9964Z'%20fill='white'/%3e%3cpath%20d='M12.3735%2015.4298L17.9963%2012.1651L12.3735%209.65405V15.4298Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M6.75%2012.1651L12.3735%2015.4298V9.65405L6.75%2012.1651Z'%20fill='white'%20fill-opacity='0.602'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_370_32336'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const MultiversX = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='1'%20y='1'%20width='22'%20height='22'%20rx='5'%20fill='black'/%3e%3crect%20x='1'%20y='1'%20width='22'%20height='22'%20rx='5'%20stroke='%231E1F25'%20stroke-width='2'/%3e%3crect%20x='4'%20y='4'%20width='16'%20height='16'%20fill='url(%23pattern0_370_28538)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_370_28538'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_370_28538'%20transform='scale(0.00333333)'/%3e%3c/pattern%3e%3cimage%20id='image0_370_28538'%20width='300'%20height='300'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABnZSURBVHgB7d1dkB1lncfx3ySrSQSSSUSWRVaaO+SCwM2SG6Cp2ggXREBrq1zQdbK1WlaJgLVFSgsoYhlLha2CqJSs7lYGhZRrFUgWL4xsFQe8AW9IuEDupvEFdxHJTFJIJlrM9r/79Mx56T5zXrpP99P9/VQ9OSeZQWFyzu/8n+f599MzAvp54ZhNedzWfkz+LJH82SCL7dH7PAjHUvv3QcfXgvYAVs0ITeWFw1ccNDvbj5erO4iqIOgYr4XjWPv5MaFxCKz687QWRBZMvqoXSuNKwut4OFrt3y8KtUVg1UtSJdm4RtWsmIoWKA6u59qPLaE2CCy3JQF1k9aqJ/RrKa7CnhJVmNMILPdYQPnhuLH9fL3FbvRrheOI1qaRAHJigeSH46FwnAjHCiPXsRCOQ6I6BcaWhJS9kQip6Y0T7Z/5TQKwLl+EVNXCyxeAVb6Y7lV9LCgOL09AA9mU785wPCu33rgM6aVwzInNDjSAL6qpuoxkyugJqBlfVFN1Hs+KhXo4Lpn2LcitNx9j/LGgeLoIOMOC6j4x7WvyWFAcXJ6AiiKoGL1jQfFrwhNQEQQVY72xoPg1ws4iSkNQMUYdC2KNCyWwHSF78bnwJmFUbyyI4MIU+KI9gZHfWBDrWyiATf/m5dabgeHOOCSCCzm5T6xTMYof9hq7T8CYfMWHu7nygmfUYyyIagsjsOnfg3LrRc6o37DXoCdgAF/s/jGqMxbEbiJSUFUxqjwOiWoLbb6oqhjVHwvi9NNGo6piuDjuU4M19TZfnuJ71O0U4J4gHNe2Hxtlg5rnDsXH3BJWcJWn+DV8pxpmo5rDpoBfD8f+cGwW4DZ7DV+v+HX9YjhOqwGaMiX0FF8D6Amon0ANmSI2YUpoJytY+ewJqCdP8Wu89ufK131KaDsqj4gpIOrPXuOfaD9/TjVV18Cyef131cBFSTSer7jistCq3bpWHdewPNGyAASq4bpW3QLLE4vrQCJQzUKrTovuvlhcBzp5it8TvmqiLmtYn1Y8DWRxHehm74m5cCyF4wU5rg6BZTuBDwnAINe3H53eQXQ9sCys9gvAMPz2o7Oh5XJgEVbA6Pz2o5Oh5WpgEVbA+Pz2o3Oh5WJgHRINocCkfMUN1kflENcCyw7c+5wA5GGX4taHI3KES4Fl08AvCUCeLm8/OjE9dCWwWLMCiuO3HysfWi4EFmEFFM9vP1Y6tKoeWIQVMD1++7GyoVXlwLKz178hANPkK75Y+rgqqKqnNfiKT10AUA475aGliqliYHmKrzCfFYCyLIbjClXsaJqqHS/jKa6sCCugXPYerNzZclWqsOwHxHlWQLUcUzw9XFQFVGnR3W4W4QtAlZzfHpXohq9KYFn7AtcHAtVUmW74KkwJ7V5qPxGAqrtZ8cm+pSk7sDyxIwi4ovSdwzIDi0V2wD2B4tAqZRG+zDWsr2vtnGkAbrBCw25sUco5WmUFll12s18AXGTnaJVyF54ypoSeWLcCXFfKelYZgbUg1q2AOph6U+m0p4TWb3WTANSBNZROdT1rmhWWL05gAOpoaic7TCuwPFXwQkoAuQg0pVaHaU0J7VbyvgDU0dRaHaZRYc0pvpcggHorfGpYdGB5YioINEWggqeGRU8JbVeQbnagGQqfGhZZYXmKe64ANEthU8MiA4sGUaCZrKH0ChWgqCkhDaJAc1lDqRVDLeWsiArLE9cKAk1nC+8XK+cF+CLumrNfhBXQdJYBDypneVdYnlhoB7Am1wX4vCssrhUE0Ok+5SjPwJoTu4IAuvnKcQMuzykhbQwA0gTKqQM+rwprToQVgHSecrrvaB4VFne/AbCeXNoc8qiw7IYSngAgmxU2E1dZk1ZYnjiNAcBwJq6yJq2wPi3CCsBwJq6yJqmwPFFdARjNRFXWJBWWL8IKwGgmqrImqbDouwIwjrGrrHErrDkRVgDGY1XWnMYwboVFdQVgEmMd8jdOhWXXBXkCgPFdrjFu/TfOiaPfFYHV568uulB/++LTenfpVHucFJprw+xWbfuXW7Tjq/v0l1//Tn957bdCHy8cj47yD4w6JfTEeVepzvve/TrnUx9f/f2pHz6hk489qdPPvyA0x+ard+nsPX+vcz758Si0zDvPv6jXr7tFSDXSeVmjBta84mZRdNh89ZX64NHDqV+zT9a3vvat6EXLp2w9WTBtDQPqfXt2a0v4Wkjz+nW3hq8BPrxSHNQIbQ6jBJat7C+I44/7XPDzw9py1ZXrfh9VV72kVVNZqLIyjdTiMEpgzYlbzvcZVF1lSaqut59+Ru8ustblkmGqqSxUWZm+GI6HhvnGUQLLjpC5XOjyoVef03vCBfdxWFhZaC0+PK8zx18RqmuUaioLVVamluK1rHUNG1ieWGzvY4vsttieh+WXX9HSd+apuipkkmoqC1VWpqEW34cNrHmx2N5nkuoqC1VX+fKoprLYB9Nvr9wj9Blq8X3YwKKzvUee1VUWqq7pKaKayvLGZ/dFGzDoYovu29f7pmECyxe37+pTRHWVhaqrOEVWU1ls0+W1S64R+qw7LRym032/WGzvYtXV1o4m0aLNbN6kTTsvjTqnt4RvMPuYOfPyr4TxdHah77jndm3+uyuin/E0///taojlXx4T+hwZ9MVhKqwToveqyzSrqyz2KW27TtYeQUPqcMqoprLYpVtWZTHV77JuT9Z6gWUXOv9EWLXttr0694F7VCUWXKcee4J1kRTTXJsalX3YnDhwUOgycFq4XmDNi93BVXaB8wVHHy+9uspC1bWmStVUFqqsVPPh2Jv1xfUCi+lgh+3heseOu++QC5pYdVW5mspCldVn4LRwUGD5YndwVdWrqyxNqLree9ml4SbIxypdTWWhykqVOS0ctEu4X+wOrrJ1q2iHzjH2BrYdxtlw7a1OO4z237Vl9zX6wLe/qvcfuGvqO315sX/nleUzOh1+qGDVUjh+lvaFQRUWzaJtVl1dFO4M1oXLVZdVU2eFU77Z2+acq6ayUGX1yWwizQosq6xeEiK9h/PViQtrXRZMm6/aFYWUK2tTo7Kfv3XAY5Wd997XqJYVWHZNz4NC7aqrLFWsuupYTQ1iVRY9datSj5zJCixbbPeFWldXWcqsuppQTWWhyurSUsqRM2mBZW0MJ4TGVFdZpll1RZfLfH5vY6qpLBw/syq1vSHtNl/sDLad/dHdajILbKsuLbQvOHq4kErTGjztf/vi378UXdfX5LAy773sw0LECqe+LEqrsGze6EZ35BTYtOQD4bTQtf6rouRRdVFN9XvnFy9GDaTv0N7Qqe+MrLTAYv0qhVUX2+++neDqMOpal1VTO8KfYdPWpgYhqAZqqWcdKy2wVoRMBFe/QVUX1VQ6O5zxj3cdIKjWZ/1Yq+tYvYHli8txhjL7hb3a+vk5gquHvRH/8trvovOe3nvZJdp02aXCmuSOSZysMbSuy3R6A4v+qxHYorRdw7bdkQuiUR7rYl96+JAWvzNPR/touvqxegPrqXDcKIzEgst2uOziW6ATQTUxO4H0puQ3vYHF9YMTILiQIKhyEyjux4p0BhYNozmx4Dr33+7RWTc0u4+rqWzn9K0DHKKYo9WF987A8sWCe67o4WoWWhQKc7Pi5aquTndfyJW9cH99yTXR9WF/5tO2tiyo7Bb0r3/kFsKqGF7ypDOwuCSnILaFTXDVD0E1NTuTJ51TQjv/itCaAppP3UYv1dQFai+8dwYWHe5TRA+Xe5KdP1tQx9TNrP4iThgtDa0Q1UeLQiVYhRUkgcUNU0tGcFUPQVUpdq/C+WTRnbWrktm6yBuf2Rcdk2t9PCiX/R38ZteeaPpHWFVCdH/UJLA8oRKS4LLdpzPH3b8dl2ts588+NOzvgMbPSol2CpPAukioFNsm/82uG2iFmJLOFgWCqpKi234la1hcQ1hxtEIUg+50ZwThuDgJLFoaHEFw5YNeKifNWGB5iissOCLp4To73FEkuEZjC+gnvnYw2vmDc6IKyxcXPTuJVojh0aJQC1dYYNGD5TiCKxtBVSs3bwx/2aWOE/3gnneXTurtp5/Rqcee1MbZrZyj3ma9VL+/8Z/1p58/r5XTy4LzjlpgWVj5gvOS4Dod7nz9lXdhY9e34haFW6MFdYKqVo5bH9asUCu2RW/9RE3r4aKXqvZmCawaa8o5XJxL1RjbbNGdOz03RN16uKLLmMIwJqQa44itYc2JLvdGOPPyr8Kq60lpeTnaWdzo6J2YbbfvrXvv1//9053RTVvRGP9rFRYnjTaQi60QtCg0XnQeFtcRNpgLwUVQoY3AQqyqwbX0nUPRNX8EFdQOLLt5KjuFiFhwnff9+7XlqitVJusne/OuA7QnoNOiBRYnNaBPWTuKHPeCQQgsDDSt4CKoMAwCC0MpKrjopcIoCCyMxBbm8ziHiwP0MI4NAoa0YXarVlZmtHHb5A2ntrifDGBYVFgYyrbb9mpHOCXckHN3vFVaJx97Mlq/AtZDYGGgaS26M0XEMAgspNp89a6ootpy9XT7sQguDELjKLqUFVS9CC6kWOTSHESiDvfv3V96UPWydgdre6DjHeJaQkTXEIYVla1VVZlVWlZxEVyNRmA1le32bfv8Xs3eNpf7zl+RCK5GO8aJow3jalD1IrgaqWUnjt4cjkuE2tt+9x06/wcH9b6PXK2ZzZvksk07L9XZe3aHobstOnXU7hiE2gsssK4XJ47Wmq1Pnf/jR3T2R3c7H1SdrEK0TQILrneXTkVHQKPWWnZpzqJQS9aicMHRw9HuX53vUZjscF706nOV3zzARJYIrBpKguqDRx+vXJtCkQiu2ov6sObCcUhwXlWaPqti+fgrenPf13T6+ReEWthLhVUDSWXRtIpqPbYwbz8T+9lwKkQtRBWWLbi/JDinLi0K00IrhPOutcDyFDePwhEE1WQILmddPNN+wokNDiCo8pVcXE1wOWMmCSwuz6m4su5iU3cWVnaDVrv/ISotUEeF9VQ4bhQqx3b+zn3gbm267FKhOBxnU3mtcFybnOnOTmHFdPZSEVbFo4er8gL7JQmsY0IlNLXpsyo6g+usPbuFynjNfqHCqgh6qarF/j7s+kv78KCHqxKioipZw/JEa0MpbLfPTlGwnT9UF60QpbtC7fOwErQ2TBEtCm4iuEozs/pLG60NU0BQ1QPBNVU2HbQKSxs7/tD+gHOxCmS7T3/9g4O1O5eqiToPELRzuFZOLwuFeTEcP7InnYHlKT7MDzmLd/4e19YwsDZSVdVGcoDgOf9wAwcIFuu/FPdhre4SmkDIVWeLAh3q9UUPV+FayZPONSxP7BTmgnOpmo2u+dxtV7v1aqbnCyy8T8A+ac+9/x6d9VEaDhHfBNaCiwMEJxKE4+LkNxt6vnhcGJmtZbz/gXvj7mjCCm1WYXOA4MS6MmljzxfPFwvvQ7Ogmv3Xz0W3zmL6hyy2ozh7295oHXM5XJjnlmQj+fdwrJaovVNCX/GNVTEAvVTp3l08qbd/+j/6c7s36T0XfVCbr7qSDYce9HCN5FplLLqb2XCcEDJtCz8pbUGdoFrzzi9e1IkDB6M1mzS2c2Zjy1VUoZ04QHAoM5m/aePW9Sls5++8732TaqHNqqmlhw9Fh9/Z82HYOs6Oe26n6urAAYIDtRRXWKvSAuuhcNwhRGhR6GbV1NK3D0WPwwZVGqqubrRCpDoYjjs7/yAtsHyxjhWxnT9OUVirpt5++hktH8+3m5uqq9tiWGn98a4DQqRr/cqkBZatYy20HxvNqirrVG8qq6L+9N/P6ORjT0xUTQ2Lqkt67ZJrWNNas9owmpjJ+EbWsdrO+/79OueTzbncwoLp1ONP6O0wqLIW0YvW1KrrVPjB8MZn9gmRlnrWr0xWYNm88UEhevNYQ2jdTbuaGlaTqi6qqy5fVLye3iUrsLgbdIe6VllVqKaGVfeqy3YJ32TtqlN0wmjvH84M+AesH6vx61hmw7atUZVVl96rqlZTw6pb1WVV1e+uu5Xqak2gjusHO20c8A/9TTh2CVpZXtbMlk3hIry7Pw4LppP/eVhv3fuAThz4lk7/8pizh87ZuVO2/X/qsSej88Xe86ELnT4Qcenh+WgHFqvsPqlH0r4wqMLyRXvDKlerrOWXX9GfwjfDKA2errG/E7sll12FsOmyD8slVFep+toZEoMCi/aGHtvDNZQdd1e/p9aCKWrwDNdFqr42lTe76ey2L8zprBt2O/Hh8sZn99Es2s3aGLZnfXFQYJn5cHxaiFS9yhrncpm6cqHqsqrKdgbRZT4ce7O+OGgNy1jazQmRqq5lWTX1h/CT+g+33xtVVNwQQdHPwNa6Tv7HYZ0Ofz720WzVV5W8ue8A58D3+0o4Xs364noVFtPCHlWpsqimRmetEXb1wva7by+9NYLqKtXA6aBZr8I6HQ6rp7n9V5tVWTpzRu/bfbXKQDU1Pjs4zyqapTDky666qK5S2a28jgz6hvUqLOOL3cI+HwqrrGl9SlNNFaeMqovqKlPm7mBimMAyNJH2sMZFO6u7SOsdjId8RfcYtKbUgq9qYGcwVaCMZtFOwwYWZ2SluPCFn2rTznx3oJJq6uQPn6Q3pyRFVl3WF/fbK/cIfeY1YHcwMWxg+WJa2CfP42fyOhgP+cq76nr9ulvDipnbfqWw6ipY75uGDSzDkTMpLvj54bGvaUsuPrbpQd4H4yFfeVRdNrV//bpbhD52kfMVw3zjKIHFkTMpxqmyXL/4uOnGrbo4PiaTTQXnh/nGUQKLnqwMw1RZLh3lguGMUnVxOF8m6726WD0ni2YZJbAMi+8pBlVZVFPNYK8BuwzILgdKQ3WVaV5DLLYnRg0sXyy+p+qssqimmsuqrq2f+pjODqeLSdVFdTXQUIvtk7DAWmF0j/ATdiUMrZXZ2/aubJjd6tS/O6OYEVZbK+f/+JGVMMSc+vee4nhWIxq1wjK+qLIATO5mxYf1DW2cwDJ23jvXFwIYV6AhOtt7bdB4HhUAjO8rGsO4FRYtDgDGFWiM6sqsd7xMFjt2ZovofAcwOrvn4DGNYdwKy1BlARhVoPgYmUBjGHcNy1hn6kEBwPBs/TvQmCapsAxVFoBhBZqgujKTVFiGKgvAsCaqrsykFZahygKwnkDxETJDXeScZdxdwk7sGAJYj+0MTnxyYR4VlrHqyrrfPQFAt0Bj9l31mnQNK2Fl3hcFAP3G6mpPk1eFlbCLon0BQCxQTtWVyavCSuSWpABq4VrlKO/AaokLowHE5pXz4Xx5TwkNbQ4AbF3b2hgC5SjvCsvQTArAMiBQzoqosBIc8gc0U6AcF9o7FVFhJWhzAJop14X2Tnl0umcJwrE9HLsEoClsKvgjFaTIKaGhAx5ojkATnsawniKnhMYW4Ie+SSIAp1kfZqACFTklTARiagjU3bym0Dhe9JQwwdQQqK9ABU8FE0VPCRNMDYH6svd2oCmYxpQwEYipIVA3Ng2c15RMa0qYsKmhnehAQyngvkAFNYhmmXZgGU/xehbXGgLuKuRawfVMc0qYsP/Q5XBcLwCu+nI4fqYpKyOwjJ3tzHoW4CbrZt+vEpQxJUzQ6gC4J1AOd78ZV5mBZTyxngW4opR1q07T6sPKEoj+LMAVU+u3ylLWGlanVxVXer4AVJX1Wz2iklUhsExLcT8H/VlA9cyrIufblb2G1YmmUqB6ApW4yN6r7DWsTvYDuVklz5EBrAoUX9RcibAyVaqwEp7YOQTKVvqOYJoqVViJQHGlBaA8lZztVDGwTEu0OwBlsQX2liqoKruEaY6Jdgdg2qx94RuqqCoHlmmJ0AKmxcJqvyqs6oFlWiK0gKJVPqyMC4FlWiK0gKI4EVbGlcAyLdEND+TNjor5khzhUmCZp8Q5WkBeHg3H5+QQ1wLL2CmHTA+Bydg08E45xsXAMi0RWsC4nFmz6uVqYJmWCC1gVM6GlXE5sExLhBYwLKfDyrgeWKYVjiVxFx5gELvU7SE5roqnNYzLD8dPxCkPQKfk2KaWaqBOgWU8xYcAegIQKD7PKlBNVPW0hnEFqtlfEDCm46rhe6FugWUCxQePPSqgmey176uGH9x1WHRPc1pxVzw7iGiapCH0tOCkm8JxIhwrDEaNh73G7bVea3VbdM/iicV41Feghqzd1nENK02geF3roIB6sdd05W4WUZS6rmGlsTm9XThtTaZ22sNmAe6y/qovK+5cb8x6VVOmhL08MUWEu6xlwdarAjVMU6aEvQLFhwF+RYBbbAroi17DxvLDsSC3doQYzRsLokWnUWtYWYJwHFF8kinHL6OKrKr6x3C8KqDDnKi2GNUZC6Kq6kKF1c1u3mrVlm1GcG48ykRVhZF4otpiTH/Yh6YvpKLCymZ9LvYpZ9WWrW3Rt4Ui2evtm+H4hNgBxIS8cMzLrU9qhjvjkDh4EgXwxDSRkd94Vkz/MAVzIrgY448FNeBkBVTPnAguxvDDjoDZL6Z/KJG9+PaL4GJkD4IKleOJ4GJ0D4IKleeJqSJBRVDBQXMiuJo0XlJ8njpBBafZjtCzcuvNxxh+PCvaE1BDnuIGVG6K4f6wv0O79bsvoOZsyjCneArh0puUEVdTTPvQWJ7iqmtBbr1xmzSopoAUvpgyVimkDomQAoZiC/XzIrzKCimmfMCYfDFtLDKkkukeIVVxTb3Nl8vsbC4/HDeK6co47Nyp5GTZVvs5HEFguc0qAgswmz7uFAGWpaX4Xn5PKQ6oRcFJBFb9+IpD7Jr2o6dmCRSH0nPtRwKqRgis+kuqMF9xFeapPrczC7RWPSXPCacaI7CaK6m+7PGi9vNkVEmgtSrpePuxJc49byQCC2m89phtj+T5Nq0FWvK13udZFtVd/QQdf7bUfgxSHoFV/w+vUGK+gqXMIAAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e";
 const Polygon = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='%238247E5'/%3e%3cg%20clip-path='url(%23clip0_370_32349)'%3e%3cpath%20d='M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z'%20fill='%238247E5'/%3e%3cpath%20d='M16.1147%209.3027C15.8227%209.13603%2015.4467%209.13603%2015.112%209.3027L12.7727%2010.6814L11.186%2011.5587L8.888%2012.9374C8.59533%2013.104%208.21933%2013.104%207.88533%2012.9374L6.08867%2011.8507C5.93606%2011.7608%205.80955%2011.6327%205.72163%2011.4789C5.6337%2011.3252%205.58742%2011.1511%205.58733%2010.974V8.88537C5.58733%208.5507%205.754%208.2167%206.08867%208.00803L7.88533%206.96337C8.17733%206.7967%208.55333%206.7967%208.888%206.96337L10.684%208.05003C10.9767%208.2167%2011.1853%208.5507%2011.1853%208.9267V10.3054L12.7727%209.3867V7.9667C12.7727%207.63203%2012.606%207.29737%2012.2713%207.0887L8.92933%205.12537C8.63733%204.9587%208.26133%204.9587%207.92667%205.12537L4.50133%207.1307C4.16733%207.29737%204%207.63203%204%207.96603V11.8927C4%2012.2274%204.16667%2012.5614%204.50133%2012.77L7.88533%2014.734C8.17733%2014.9007%208.55333%2014.9007%208.888%2014.734L11.1853%2013.3967L12.7727%2012.478L15.0707%2011.1407C15.3627%2010.974%2015.7387%2010.974%2016.0733%2011.1407L17.8693%2012.1854C18.162%2012.352%2018.3707%2012.6867%2018.3707%2013.0627V15.1514C18.3707%2015.4854%2018.204%2015.82%2017.8693%2016.0287L16.1147%2017.0734C15.8227%2017.24%2015.4467%2017.24%2015.112%2017.0734L13.316%2016.0287C13.1633%2015.9388%2013.0367%2015.8105%2012.9488%2015.6566C12.8609%2015.5028%2012.8146%2015.3286%2012.8147%2015.1514V13.8147L11.2267%2014.7334V16.1114C11.2267%2016.446%2011.3933%2016.78%2011.728%2016.9887L15.1113%2018.9527C15.404%2019.1194%2015.78%2019.1194%2016.114%2018.9527L19.498%2016.9887C19.7907%2016.822%2019.9993%2016.4874%2019.9993%2016.1114V12.1427C19.9993%2011.8094%2019.8327%2011.4747%2019.498%2011.2654L16.114%209.30203L16.1147%209.3027Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_370_32349'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const Sui = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='none'%3e%3ccircle%20cx='16'%20cy='16'%20r='16'%20fill='%234DA2FF'/%3e%3cpath%20d='M21.89%2011.12a7.19%207.19%200%200%200-1.89-3%207.19%207.19%200%200%200-3-1.89A7.12%207.12%200%200%200%2016%206a7.12%207.12%200%200%200-1%20.07%207.19%207.19%200%200%200-3%201.89%207.19%207.19%200%200%200-1.89%203A7.12%207.12%200%200%200%2010%2012.18v.14c0%20.14%200%20.28.05.42a7.17%207.17%200%200%200%202.06%204.46l3.42%203.42a.67.67%200%200%200%20.94%200l3.42-3.42a7.17%207.17%200%200%200%202.06-4.46c0-.14.05-.28.05-.42v-.14a7.12%207.12%200%200%200-.11-1.06z'%20fill='%23fff'/%3e%3c/svg%3e";
 var ChainName = /* @__PURE__ */ ((ChainName2) => {
   ChainName2["ethereum"] = "Ethereum";
   ChainName2["bsc"] = "Binance BSC";
@@ -32,12 +33,17 @@ const base = {
   base: Base,
   BASE: Base
 };
+const sui = {
+  sui: Sui,
+  SUI: Sui
+};
 const chainIdentifier = {
   ...msx,
   ...ethereum,
   ...binance,
   ...polygon,
   ...base,
+  ...sui,
   default: DefaultIcon
 };
 const ALL_NETWORK_ID = "-1";

package/reactjs/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './resolveBridgeApiChainId';

package/reactjs/helpers/index.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactjs_helpers_resolveBridgeApiChainId = require("./resolveBridgeApiChainId.js");
+exports.BRIDGE_API_SUI_CHAIN_ID = reactjs_helpers_resolveBridgeApiChainId.BRIDGE_API_SUI_CHAIN_ID;
+exports.sameBridgeApiChainId = reactjs_helpers_resolveBridgeApiChainId.sameBridgeApiChainId;
+exports.toBridgeApiChainId = reactjs_helpers_resolveBridgeApiChainId.toBridgeApiChainId;

package/reactjs/helpers/index.mjs

@@ -0,0 +1,6 @@
+import { BRIDGE_API_SUI_CHAIN_ID, sameBridgeApiChainId, toBridgeApiChainId } from "./resolveBridgeApiChainId.mjs";
+export {
+  BRIDGE_API_SUI_CHAIN_ID,
+  sameBridgeApiChainId,
+  toBridgeApiChainId
+};

package/reactjs/helpers/resolveBridgeApiChainId.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Bridge backend expects CAIP-2–style numeric chain ids for Sui (e.g. mainnet `784`).
+ * AppKit may expose Sui as network slugs (`testnet`), or a single placeholder numeric
+ * id (e.g. `184`) for all Sui networks — normalize here before any API/query use.
+ */
+export declare const BRIDGE_API_SUI_CHAIN_ID = "784";
+type CaipNetworkLike = {
+    chainNamespace?: string;
+    caipNetworkId?: string;
+} | null;
+/**
+ * Maps any wallet / token `chainId` to the value expected by bridge HTTP APIs
+ * (`/rate`, `/confirm`, balances, etc.).
+ */
+export declare function toBridgeApiChainId(chainId: string | number | null | undefined, caipNetwork?: CaipNetworkLike): string | undefined;
+/** Compare two ids after Sui/AppKit normalization (e.g. `184` vs `784`). */
+export declare function sameBridgeApiChainId(a: string | number | null | undefined, b: string | number | null | undefined): boolean;
+export {};

package/reactjs/helpers/resolveBridgeApiChainId.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const BRIDGE_API_SUI_CHAIN_ID = "784";
+function isSuiNetwork(caipNetwork) {
+  var _a;
+  if (!caipNetwork) {
+    return false;
+  }
+  return caipNetwork.chainNamespace === "sui" || Boolean((_a = caipNetwork.caipNetworkId) == null ? void 0 : _a.startsWith("sui:"));
+}
+const SUI_APPKIT_CHAIN_SLUGS = /* @__PURE__ */ new Set(["mainnet", "testnet", "devnet"]);
+const APPKIT_SUI_PLACEHOLDER_IDS = /* @__PURE__ */ new Set(["184"]);
+function suiSlugFromAppKit(chainId, caipNetwork) {
+  const caipId = caipNetwork == null ? void 0 : caipNetwork.caipNetworkId;
+  if (caipId == null ? void 0 : caipId.startsWith("sui:")) {
+    return caipId.slice("sui:".length).toLowerCase();
+  }
+  return chainId.toLowerCase();
+}
+function toBridgeApiChainId(chainId, caipNetwork) {
+  if (chainId == null || chainId === "") {
+    return void 0;
+  }
+  const raw = String(chainId);
+  if (APPKIT_SUI_PLACEHOLDER_IDS.has(raw) || raw === BRIDGE_API_SUI_CHAIN_ID) {
+    return BRIDGE_API_SUI_CHAIN_ID;
+  }
+  const slug = suiSlugFromAppKit(raw, caipNetwork);
+  const treatAsSui = isSuiNetwork(caipNetwork) || SUI_APPKIT_CHAIN_SLUGS.has(slug) && !/^\d+$/.test(raw);
+  if (!treatAsSui) {
+    return raw;
+  }
+  return BRIDGE_API_SUI_CHAIN_ID;
+}
+function sameBridgeApiChainId(a, b) {
+  return toBridgeApiChainId(a) === toBridgeApiChainId(b);
+}
+exports.BRIDGE_API_SUI_CHAIN_ID = BRIDGE_API_SUI_CHAIN_ID;
+exports.sameBridgeApiChainId = sameBridgeApiChainId;
+exports.toBridgeApiChainId = toBridgeApiChainId;