@cofhe/react 0.2.1 → 0.3.0

package/dist/index.cjs

@@ -739,7 +739,7 @@ var require_dist = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   CofheProvider: () => CofheProvider,
-  ETH_ADDRESS: () => ETH_ADDRESS,
+  ETH_ADDRESS_LOWERCASE: () => ETH_ADDRESS_LOWERCASE,
   FheTypesList: () => FheTypesList,
   FnxEncryptInput: () => FnxEncryptInput,
   FnxFloatingButtonWithProvider: () => FnxFloatingButtonWithProvider,
@@ -748,8 +748,8 @@ __export(index_exports, {
   TransactionActionType: () => TransactionActionType,
   TransactionStatus: () => TransactionStatus,
   actionToString: () => actionToString,
-  createCofhesdkClient: () => import_web3.createCofhesdkClient,
-  createCofhesdkConfig: () => createCofhesdkConfig,
+  createCofheClient: () => import_web3.createCofheClient,
+  createCofheConfig: () => createCofheConfig,
   encryptedValueToString: () => encryptedValueToString,
   fheTypeToString: () => fheTypeToString,
   formatRelativeTime: () => formatRelativeTime,
@@ -831,7 +831,53 @@ var cn = (...classes) => {
 var viemChains = __toESM(require("viem/chains"), 1);
 
 // src/types/token.ts
-var ETH_ADDRESS = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+var import_chains = require("@cofhe/sdk/chains");
+var ETH_ADDRESS_LOWERCASE = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+var WETH_SEPOLIA_TOKEN = {
+  chainId: 11155111,
+  address: "0x87A3effB84CBE1E4caB6Ab430139eC41d156D55A",
+  name: "Redact eETH",
+  symbol: "eETH",
+  decimals: 18,
+  logoURI: "https://storage.googleapis.com/cofhesdk/token-icons/eth.webp",
+  extensions: {
+    fhenix: {
+      confidentialityType: "wrapped",
+      confidentialValueType: "uint128",
+      erc20Pair: {
+        address: "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee",
+        symbol: "ETH",
+        decimals: 18,
+        logoURI: "https://storage.googleapis.com/cofhesdk/token-icons/eth.webp"
+      }
+    }
+  }
+};
+var WETH_BASE_SEPOLIA_TOKEN = {
+  chainId: 84532,
+  address: "0xbED96aa98a49FeA71fcC55d755b915cF022a9159",
+  name: "Redact eETH",
+  symbol: "eETH",
+  decimals: 18,
+  logoURI: "https://storage.googleapis.com/cofhesdk/token-icons/eth.webp",
+  extensions: {
+    coingeckoId: "eeth",
+    fhenix: {
+      confidentialityType: "wrapped",
+      confidentialValueType: "uint128",
+      erc20Pair: {
+        address: "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee",
+        symbol: "ETH",
+        decimals: 18,
+        logoURI: "https://storage.googleapis.com/cofhesdk/token-icons/eth.webp"
+      }
+    }
+  }
+};
+var DEFAULT_TOKEN_BY_CHAIN_ID = {
+  [import_chains.sepolia.id]: WETH_SEPOLIA_TOKEN,
+  [import_chains.baseSepolia.id]: WETH_BASE_SEPOLIA_TOKEN
+};
 
 // src/utils/utils.ts
 var import_react2 = require("react");
@@ -862,7 +908,7 @@ var getBlockExplorerTokenUrl = (chainId, tokenAddress) => {
 };
 var isEthPair = (erc20Pair) => {
   if (!erc20Pair) return false;
-  return erc20Pair.address.toLowerCase() === ETH_ADDRESS.toLowerCase();
+  return erc20Pair.address.toLowerCase() === ETH_ADDRESS_LOWERCASE;
 };
 var isWrappedEthToken = (token) => {
   if (token.extensions.fhenix.confidentialityType !== "wrapped") return false;
@@ -1403,7 +1449,7 @@ var import_react5 = require("react");
 var import_react_error_boundary = require("react-error-boundary");
 function useIsCofheErrorActive() {
   const errorBoundaryContext = (0, import_react5.useContext)(import_react_error_boundary.ErrorBoundaryContext);
-  return errorBoundaryContext?.error instanceof import_sdk2.CofhesdkError;
+  return errorBoundaryContext?.error instanceof import_sdk2.CofheError;
 }
 
 // src/hooks/useCofheReadContract.ts
@@ -1778,16 +1824,12 @@ function getTokenContractConfig(confidentialityType) {
   return CONFIDENTIAL_ABIS[confidentialityType];
 }
 
-// src/hooks/useCofheTokenPublicBalance.ts
-var import_react_query4 = require("@tanstack/react-query");
-var import_viem5 = require("viem");
-
 // src/hooks/useCofheTokenLists.ts
 var import_react_query3 = require("@tanstack/react-query");
 var import_react6 = require("react");
 function useCofheTokenLists({ chainId }, queryOptions) {
   const widgetConfig = useCofheContext().client.config.react;
-  const tokensListsUrls = chainId ? widgetConfig.tokenLists[chainId] : [];
+  const tokensListsUrls = chainId ? widgetConfig.tokenLists?.[chainId] : [];
   const queriesOptions = tokensListsUrls?.map((url) => ({
     cacheTime: Infinity,
     staleTime: Infinity,
@@ -1843,6 +1885,10 @@ function useCofheToken({ chainId: _chainId, address }, metdataQueryOptions) {
   return tokenFromList;
 }
 
+// src/hooks/useCofheTokenPublicBalance.ts
+var import_react_query4 = require("@tanstack/react-query");
+var import_viem5 = require("viem");
+
 // src/constants/erc20ABIs.ts
 var import_viem4 = require("viem");
 var ERC20_BALANCE_OF_ABI = (0, import_viem4.parseAbi)(["function balanceOf(address owner) view returns (uint256)"]);
@@ -1917,7 +1963,7 @@ function createPublicTokenBalanceQueryOptions(params) {
       (0, import_ts_essentials2.assert)(tokenAddress, "Token address is required to fetch token balance");
       (0, import_ts_essentials2.assert)(publicClient, "PublicClient is required to fetch token balance");
       (0, import_ts_essentials2.assert)(accountAddress, "Account address is required to fetch token balance");
-      const isNativeToken = tokenAddress.toLowerCase() === ETH_ADDRESS.toLowerCase();
+      const isNativeToken = tokenAddress.toLowerCase() === ETH_ADDRESS_LOWERCASE;
       const balance = isNativeToken ? publicClient.getBalance({
         address: accountAddress
       }) : publicClient.readContract({
@@ -2902,6 +2948,14 @@ function useHandleInvalidations() {
   const { upsert: upsertDecryptionWatcher, byKey } = useDecryptionWatchersStore();
   console.log("Scheduled invalidations store:", byKey);
   const handleInvalidations = (tx) => {
+    invalidatePublicTokenBalanceQueries(
+      {
+        tokenAddress: ETH_ADDRESS_LOWERCASE,
+        chainId: tx.chainId,
+        accountAddress: tx.account
+      },
+      queryClient
+    );
     if (tx.actionType === "shieldSend" /* ShieldSend */) {
       invalidateConfidentialTokenBalanceQueries(tx.token, queryClient);
     } else if (tx.actionType === "shield" /* Shield */) {
@@ -3303,14 +3357,14 @@ function useCofheDecrypt({
     queryKey: ["decryptCiphertext", input?.ctHash.toString(), input?.utype],
     queryFn: async () => {
       (0, import_ts_essentials8.assert)(input, "input is guaranteed to be defined by enabled condition");
-      return client.decryptHandle(input.ctHash, input.utype).decrypt();
+      return client.decryptForView(input.ctHash, input.utype).execute();
     },
     meta: {
       persist: true
     },
     ...restQueryOptions,
     retry: (failureCount, error) => {
-      if (error instanceof import_sdk4.CofhesdkError) return false;
+      if (error instanceof import_sdk4.CofheError) return false;
       return failureCount < 3;
     }
   });
@@ -3505,13 +3559,13 @@ function useCofheEncrypt(options) {
         handleStepStateChange(key, step, context);
         externalOnStepChange?.(step, context);
       };
-      builder.setStepCallback(combinedOnStepChange);
+      builder.onStep(combinedOnStepChange);
       if (hasEncryptInputsOptions(variables)) {
         if (variables.account) builder.setAccount(variables.account);
         if (variables.chainId) builder.setChainId(variables.chainId);
         if (variables.securityZone) builder.setSecurityZone(variables.securityZone);
       }
-      return builder.encrypt();
+      return builder.execute();
     }
   });
   return {
@@ -3691,7 +3745,7 @@ function useCofheTokenShield(options) {
       let hash;
       if (confidentialityType === "wrapped") {
         const erc20PairAddress = input.token.extensions.fhenix.erc20Pair?.address;
-        const isEth = erc20PairAddress?.toLowerCase() === ETH_ADDRESS.toLowerCase();
+        const isEth = erc20PairAddress?.toLowerCase() === ETH_ADDRESS_LOWERCASE;
         if (isEth) {
           hash = await walletClient.writeContract({
             address: tokenAddress,
@@ -5030,16 +5084,27 @@ var useCofheConnect = (options) => {
 var useCofheAutoConnect = ({ walletClient, publicClient }) => {
   const client = useCofheClient();
   const connectMutationFn = useCofheConnect().mutate;
+  const supportedChainIds = (0, import_react33.useMemo)(() => {
+    return new Set(client.config.supportedChains.map((chain) => chain.id));
+  }, [client.config.supportedChains]);
+  const disconnectIfConnected = (0, import_react33.useCallback)(() => {
+    if (client.connected || client.connecting) {
+      client.disconnect();
+    }
+  }, [client]);
   (0, import_react33.useEffect)(() => {
     if (!publicClient || !walletClient) {
-      if (client.connected || client.connecting) {
-        client.disconnect();
-      }
+      disconnectIfConnected();
+      return;
+    }
+    const chainId = walletClient.chain?.id ?? publicClient.chain?.id;
+    if (chainId !== void 0 && !supportedChainIds.has(chainId)) {
+      disconnectIfConnected();
       return;
     }
     if (client.connecting) return;
     connectMutationFn({ publicClient, walletClient });
-  }, [publicClient, walletClient, client, client.connected, client.connecting, connectMutationFn]);
+  }, [publicClient, walletClient, client, connectMutationFn, supportedChainIds, disconnectIfConnected]);
 };
 
 // src/hooks/useReschedulableTimeout.ts
@@ -5146,7 +5211,7 @@ function parseCoingeckoSimplePriceUsd({
 }
 function isNativeTokenAddress(address) {
   if (!address) return false;
-  return address.toLowerCase() === ETH_ADDRESS.toLowerCase();
+  return address.toLowerCase() === ETH_ADDRESS_LOWERCASE;
 }
 var TMP_WBTC_ON_MAINNET = {
   chainId: 1,
@@ -5757,7 +5822,7 @@ var AddressButton = ({ address, className, icon, showCopyIcon = true }) => {
 };
 
 // src/components/FnxFloatingButton/components/ConnectedChainIndicator.tsx
-var import_chains = require("@cofhe/sdk/chains");
+var import_chains2 = require("@cofhe/sdk/chains");
 
 // src/assets/chains/11155111.svg
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -5794,7 +5859,7 @@ var ChainIcon = ({ chainId, className }) => {
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var ConnectedChainIndicator = () => {
   const chainId = useCofheChainId();
-  const chain = chainId ? (0, import_chains.getChainById)(chainId) : void 0;
+  const chain = chainId ? (0, import_chains2.getChainById)(chainId) : void 0;
   const currentNetwork = chain?.name || "Eth";
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
@@ -5990,26 +6055,40 @@ var CofheTokenPublicBalance = ({
 function useCofhePinnedTokenAddress() {
   const widgetConfig = useCofheContext().client.config.react;
   const chainId = useCofheChainId();
-  const pinnedTokenAddress = chainId ? widgetConfig.pinnedTokens[chainId?.toString()] : void 0;
+  const pinnedTokenAddress = chainId ? widgetConfig.pinnedTokens?.[chainId?.toString()] : void 0;
   return pinnedTokenAddress;
 }
 
+// src/hooks/useCofhePinnedToken.ts
+function useCofhePinnedToken({ enabled } = {}) {
+  const pinnedTokenAddress = useCofhePinnedTokenAddress();
+  const token = useCofheToken(
+    {
+      address: pinnedTokenAddress
+    },
+    {
+      // only fetch metadata if pinned token address is defined
+      enabled: enabled !== false && !!pinnedTokenAddress
+    }
+  );
+  return token;
+}
+
 // src/components/FnxFloatingButton/pages/MainPage/AssetCard.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var AssetCard = () => {
   const { navigateTo } = usePortalNavigation();
-  const pinnedTokenAddress = useCofhePinnedTokenAddress();
-  const tokenFromList = useCofheToken({
-    address: pinnedTokenAddress
-  });
+  const pinnedToken = useCofhePinnedToken();
+  const chainId = useCofheChainId();
+  const fallbackToken = chainId ? DEFAULT_TOKEN_BY_CHAIN_ID[chainId] : void 0;
+  const token = pinnedToken ?? fallbackToken;
   const handleClick = () => {
-    if (!tokenFromList) throw new Error("Token not found in token list");
-    if (pinnedTokenAddress) {
+    if (token) {
       navigateTo("tokeninfo" /* TokenInfo */, {
-        pageProps: { token: tokenFromList }
+        pageProps: { token }
       });
     } else {
-      alert("Native token info navigation is not implemented yet.");
+      throw new Error("No token found for AssetCard. No pinned token and no fallback token for current chain.");
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -6019,14 +6098,14 @@ var AssetCard = () => {
       className: cn("fnx-card-bg p-4 cursor-pointer", "hover:opacity-90 transition-opacity", "border fnx-card-border"),
       children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-3 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TokenIcon, { logoURI: tokenFromList?.logoURI, alt: tokenFromList?.symbol, size: "md" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-lg font-bold fnx-text-primary", children: tokenFromList?.symbol }) })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TokenIcon, { logoURI: token?.logoURI, alt: token?.symbol, size: "md" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-lg font-bold fnx-text-primary", children: token?.symbol }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col items-end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             CofheTokenConfidentialBalance,
             {
-              token: tokenFromList,
+              token,
               showSymbol: false,
               size: "xl",
               decimalPrecision: 5,
@@ -6046,23 +6125,6 @@ var import_io2 = require("react-icons/io");
 var import_ai = require("react-icons/ai");
 var import_tb3 = require("react-icons/tb");
 var import_fa = require("react-icons/fa");
-
-// src/hooks/useCofhePinnedToken.ts
-function useCofhePinnedToken({ enabled } = {}) {
-  const pinnedTokenAddress = useCofhePinnedTokenAddress();
-  const token = useCofheToken(
-    {
-      address: pinnedTokenAddress
-    },
-    {
-      // only fetch metadata if pinned token address is defined
-      enabled: enabled !== false && !!pinnedTokenAddress
-    }
-  );
-  return token;
-}
-
-// src/components/FnxFloatingButton/pages/MainPage/BottomNavigation.tsx
 var import_ts_essentials19 = __toESM(require_dist(), 1);
 
 // src/components/FnxFloatingButton/components/ActionButton.tsx
@@ -6442,7 +6504,10 @@ var navItems = [...baseNavItems, ...!isProduction() ? [debugNavItem] : []];
 var BottomNavigation = () => {
   const { navigateTo } = usePortalNavigation();
   const { openPortal } = usePortalUI();
-  const defaultToken = useCofhePinnedToken();
+  const pinnedToken = useCofhePinnedToken();
+  const chainId = useCofheChainId();
+  const fallbackToken = chainId ? DEFAULT_TOKEN_BY_CHAIN_ID[chainId] : void 0;
+  const defaultToken = pinnedToken ?? fallbackToken;
   const handleNavClick = (page) => {
     openPortal();
     if (page === "portfolio" /* Portfolio */) {
@@ -7353,7 +7418,7 @@ var ImportPermitPage = () => {
 };
 
 // src/components/FnxFloatingButton/pages/TokenInfoPage.tsx
-var import_chains2 = require("@cofhe/sdk/chains");
+var import_chains3 = require("@cofhe/sdk/chains");
 var import_react53 = require("react");
 var import_ArrowBack6 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 
@@ -7529,7 +7594,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
 var TokenInfoPage = ({ token }) => {
   const { navigateBack, navigateTo } = usePortalNavigation();
   const { data: chartPoints } = useCoingeckoContractMarketChartRange({
-    ...token.chainId === import_chains2.sepolia.id ? {
+    ...token.chainId === import_chains3.sepolia.id ? {
       chainId: TMP_WBTC_ON_MAINNET.chainId,
       contractAddress: TMP_WBTC_ON_MAINNET.address
     } : {
@@ -7794,6 +7859,7 @@ var SendPage = ({ token: _token }) => {
 var import_ArrowBack8 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"), 1);
 var import_tb4 = require("react-icons/tb");
+var import_lu2 = require("react-icons/lu");
 var import_react56 = require("react");
 var import_viem21 = require("viem");
 var import_ts_essentials21 = __toESM(require_dist(), 1);
@@ -7830,8 +7896,37 @@ function useLifecycleStore() {
     setStatus
   };
 }
+function TxHashWithActions({ hash, chainId }) {
+  const href = chainId ? getBlockExplorerTxUrl(chainId, hash) : void 0;
+  const ellipsed = truncateHash(hash);
+  const handleOpenExplorer = () => {
+    if (href) {
+      window.open(href, "_blank", "noopener,noreferrer");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "inline-flex items-center gap-1.5 align-baseline", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "font-mono", children: ellipsed }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CopyButton, { text: hash, size: 14 }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: handleOpenExplorer,
+        disabled: !href,
+        "aria-label": "Open transaction in explorer",
+        title: href ? "Open in explorer" : "Explorer not available for this chain",
+        className: cn(
+          "fnx-text-primary opacity-50 hover:opacity-100 transition-opacity cursor-pointer",
+          !href && "cursor-default opacity-30"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lu2.LuExternalLink, { style: { width: 14, height: 14 } })
+      }
+    )
+  ] });
+}
 function useClaimUnshieldedWithLifecycle() {
   const { setError, setStatus, error, status } = useLifecycleStore();
+  const chainId = useCofheChainId();
   const { schedule: scheduleStatusClear } = useReschedulableTimeout(() => setStatus(null), AUTOCLEAR_TX_STATUS_TIMEOUT);
   const claimUnshield = useCofheTokenClaimUnshielded({
     onMutate: () => {
@@ -7840,7 +7935,11 @@ function useClaimUnshieldedWithLifecycle() {
     },
     onSuccess: (hash) => {
       setStatus({
-        message: `Claim transaction sent! Hash: ${truncateHash(hash)}. Waiting for confirmation...`,
+        message: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+          "Claim transaction sent! Hash: ",
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash, chainId }),
+          " Waiting for confirmation..."
+        ] }),
         type: "info"
       });
     },
@@ -7856,11 +7955,19 @@ function useClaimUnshieldedWithLifecycle() {
     onceMined: (transaction) => {
       if (transaction.status === "confirmed") {
         setStatus({
-          message: `Claim transaction confirmed! Hash: ${truncateHash(transaction.hash)}`,
+          message: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+            "Claim transaction confirmed! Hash: ",
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash: transaction.hash, chainId })
+          ] }),
           type: "success"
         });
       } else if (transaction.status === "failed") {
-        setError(`Claim transaction failed! Hash: ${truncateHash(transaction.hash)}`);
+        setError(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+            "Claim transaction failed! Hash: ",
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash: transaction.hash, chainId })
+          ] })
+        );
         setStatus(null);
       }
       scheduleStatusClear();
@@ -7875,6 +7982,7 @@ function useClaimUnshieldedWithLifecycle() {
 }
 function useShieldWithLifecycle(token) {
   const account = useCofheAccount();
+  const chainId = useCofheChainId();
   const [shieldAmount, setShieldAmount] = (0, import_react56.useState)("");
   const { setError, setStatus, error, status } = useLifecycleStore();
   const { schedule: scheduleStatusClear } = useReschedulableTimeout(() => setStatus(null), AUTOCLEAR_TX_STATUS_TIMEOUT);
@@ -7885,7 +7993,11 @@ function useShieldWithLifecycle(token) {
     },
     onSuccess: (hash) => {
       setStatus({
-        message: `Shield transaction sent! Hash: ${truncateHash(hash)}. Waiting for confirmation...`,
+        message: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+          "Shield transaction sent! Hash: ",
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash, chainId }),
+          " Waiting for confirmation..."
+        ] }),
         type: "info"
       });
       setShieldAmount("");
@@ -7902,11 +8014,19 @@ function useShieldWithLifecycle(token) {
     onceMined: (transaction) => {
       if (transaction.status === "confirmed") {
         setStatus({
-          message: `Shield transaction confirmed! Hash: ${truncateHash(transaction.hash)}`,
+          message: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+            "Shield transaction confirmed! Hash: ",
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash: transaction.hash, chainId })
+          ] }),
           type: "success"
         });
       } else if (transaction.status === "failed") {
-        setError(`Shield transaction failed! Hash: ${truncateHash(transaction.hash)}`);
+        setError(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+            "Shield transaction failed! Hash: ",
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash: transaction.hash, chainId })
+          ] })
+        );
         setStatus(null);
       }
       scheduleStatusClear();
@@ -7948,6 +8068,7 @@ function useShieldWithLifecycle(token) {
 }
 function useUnshieldWithLifecycle(token) {
   const account = useCofheAccount();
+  const chainId = useCofheChainId();
   const { setError, setStatus, error, status } = useLifecycleStore();
   const { schedule: scheduleStatusClear } = useReschedulableTimeout(() => setStatus(null), AUTOCLEAR_TX_STATUS_TIMEOUT);
   const [unshieldAmount, setUnshieldAmount] = (0, import_react56.useState)("");
@@ -7960,7 +8081,11 @@ function useUnshieldWithLifecycle(token) {
     },
     onTransactionSubmitSuccess: (hash) => {
       setStatus({
-        message: `Unshield transaction sent! Hash: ${truncateHash(hash)}. Waiting for confirmation...`,
+        message: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+          "Unshield transaction sent! Hash: ",
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash, chainId }),
+          " Waiting for confirmation..."
+        ] }),
         type: "info"
       });
       setUnshieldAmount("");
@@ -7974,11 +8099,20 @@ function useUnshieldWithLifecycle(token) {
     onceMined: (transaction) => {
       if (transaction.status === "confirmed") {
         setStatus({
-          message: `Unshield transaction confirmed! Hash: ${truncateHash(transaction.hash)}. Now waiting for decryption...`,
+          message: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+            "Unshield transaction confirmed! Hash: ",
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash: transaction.hash, chainId }),
+            " Now waiting for decryption..."
+          ] }),
           type: "success"
         });
       } else if (transaction.status === "failed") {
-        setError(`Unshield transaction failed! Hash: ${truncateHash(transaction.hash)}`);
+        setError(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+            "Unshield transaction failed! Hash: ",
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TxHashWithActions, { hash: transaction.hash, chainId })
+          ] })
+        );
         setStatus(null);
       }
     },
@@ -8086,10 +8220,7 @@ function ClaimingSection({ token }) {
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StatusAndError, { status: claimingStatus, error: claimingError })
   ] });
 }
-function StatusAndError({
-  status,
-  error
-}) {
+function StatusAndError({ status, error }) {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
     error && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-2", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-xs text-red-800 dark:text-red-200", children: error }) }),
     status && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
@@ -8699,7 +8830,7 @@ var import_ArrowBack11 = __toESM(require("@mui/icons-material/ArrowBack"), 1);
 
 // src/components/FnxFloatingButton/components/TokenRow.tsx
 var import_KeyboardArrowRight3 = __toESM(require("@mui/icons-material/KeyboardArrowRight"), 1);
-var import_chains3 = require("@cofhe/sdk/chains");
+var import_chains4 = require("@cofhe/sdk/chains");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var TokenRow = ({ token, onClick, topLabel, balanceType }) => {
   const account = useCofheAccount();
@@ -8714,7 +8845,7 @@ var TokenRow = ({ token, onClick, topLabel, balanceType }) => {
   );
   const { data: publicBalance } = useCofheTokenPublicBalance({ token, accountAddress: account });
   const { data: price } = useCoingeckoUsdPrice(
-    token.chainId === import_chains3.sepolia.id ? {
+    token.chainId === import_chains4.sepolia.id ? {
       chainId: TMP_WBTC_ON_MAINNET.chainId,
       tokenAddress: TMP_WBTC_ON_MAINNET.address
     } : {
@@ -9466,7 +9597,7 @@ var addressSchema = import_zod.z.string().refine((val) => (0, import_viem23.isAd
 }).refine((val) => val !== import_viem23.zeroAddress, {
   error: "Must not be zeroAddress"
 }).transform((val) => (0, import_viem23.getAddress)(val));
-var CofhesdkReactConfigSchema = import_zod.z.object({
+var CofheReactConfigSchema = import_zod.z.object({
   shareablePermits: import_zod.z.boolean().optional().default(false),
   enableShieldUnshield: import_zod.z.boolean().optional().default(true),
   autogeneratePermits: import_zod.z.boolean().optional().default(true),
@@ -9482,30 +9613,20 @@ var CofhesdkReactConfigSchema = import_zod.z.object({
   ]),
   defaultPermitExpirationSeconds: import_zod.z.number().optional().default(604800),
   // 1 week
-  pinnedTokens: import_zod.z.record(import_zod.z.string(), addressSchema).optional().default({
-    11155111: "0x87A3effB84CBE1E4caB6Ab430139eC41d156D55A",
-    // sepolia weth
-    84532: "0xbED96aa98a49FeA71fcC55d755b915cF022a9159"
-    // base sepolia weth
-    // 421613: '0x980b62da83eff3d4576c647993b0c1d7faf17c73', // arbitrum sepolia weth
-  }),
-  tokenLists: import_zod.z.record(import_zod.z.string(), import_zod.z.array(import_zod.z.string())).optional().default({
-    11155111: ["https://storage.googleapis.com/cofhesdk/sepolia.json"],
-    84532: ["https://storage.googleapis.com/cofhesdk/base-sepolia.json"]
-    // 421613: ['https://tokens.cofhe.io/arbitrum-sepolia.json'],
-  }).transform((lists) => lists),
+  pinnedTokens: import_zod.z.record(import_zod.z.string(), addressSchema).optional(),
+  tokenLists: import_zod.z.record(import_zod.z.string(), import_zod.z.array(import_zod.z.string())).transform((lists) => lists).optional(),
   position: import_zod.z.enum(["bottom-right", "bottom-left", "top-right", "top-left"]).optional().default("bottom-right"),
   initialTheme: import_zod.z.enum(["dark", "light"]).optional().default("light")
 });
-function createCofhesdkConfig(config) {
+function createCofheConfig(config) {
   const { react: reactConfigInput = {}, ...webConfig } = config;
-  const webClientConfig = (0, import_web.createCofhesdkConfig)({
+  const webClientConfig = (0, import_web.createCofheConfig)({
     environment: "react",
     ...webConfig
   });
-  const reactConfigResult = CofhesdkReactConfigSchema.safeParse(reactConfigInput);
+  const reactConfigResult = CofheReactConfigSchema.safeParse(reactConfigInput);
   if (!reactConfigResult.success) {
-    throw new Error(`Invalid cofhesdk react configuration: ${import_zod.z.prettifyError(reactConfigResult.error)}`, {
+    throw new Error(`Invalid cofhe react configuration: ${import_zod.z.prettifyError(reactConfigResult.error)}`, {
       cause: reactConfigResult.error
     });
   }
@@ -9516,7 +9637,7 @@ function createCofhesdkConfig(config) {
 }
 
 // src/providers/CofheProvider.tsx
-var import_chains4 = require("@cofhe/sdk/chains");
+var import_chains5 = require("@cofhe/sdk/chains");
 var import_ts_essentials23 = __toESM(require_dist(), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var CofheContext = (0, import_react64.createContext)(void 0);
@@ -9524,23 +9645,20 @@ function CofheProvider(props) {
   const { children, queryClient, publicClient, walletClient } = props;
   const config = (0, import_react64.useMemo)(() => {
     if (props.config) return props.config;
-    if (props.cofhesdkClient) {
-      (0, import_ts_essentials23.assert)(config.environment === "react", "Provided cofhesdkClient must have react config");
-      return props.cofhesdkClient.config;
-    }
-    return createCofhesdkConfig({ supportedChains: Object.values(import_chains4.chains) });
-  }, [props.config, props.cofhesdkClient]);
-  const cofhesdkClient = (0, import_react64.useMemo)(
-    () => props.cofhesdkClient ?? (0, import_web2.createCofhesdkClient)(config),
-    [props.cofhesdkClient, config]
-  );
+    if (props.cofheClient) {
+      (0, import_ts_essentials23.assert)(config.environment === "react", "Provided cofheClient must have react config");
+      return props.cofheClient.config;
+    }
+    return createCofheConfig({ supportedChains: Object.values(import_chains5.chains) });
+  }, [props.config, props.cofheClient]);
+  const cofheClient = (0, import_react64.useMemo)(() => props.cofheClient ?? (0, import_web2.createCofheClient)(config), [props.cofheClient, config]);
   const [position, setPosition] = (0, import_react64.useState)(config.react.position);
   const [theme, setTheme] = (0, import_react64.useState)(config.react.initialTheme);
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     CofheContext.Provider,
     {
       value: {
-        client: cofhesdkClient,
+        client: cofheClient,
         state: {
           position,
           setPosition,
@@ -9887,7 +10005,7 @@ var import_web3 = require("@cofhe/sdk/web");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CofheProvider,
-  ETH_ADDRESS,
+  ETH_ADDRESS_LOWERCASE,
   FheTypesList,
   FnxEncryptInput,
   FnxFloatingButtonWithProvider,
@@ -9896,8 +10014,8 @@ var import_web3 = require("@cofhe/sdk/web");
   TransactionActionType,
   TransactionStatus,
   actionToString,
-  createCofhesdkClient,
-  createCofhesdkConfig,
+  createCofheClient,
+  createCofheConfig,
   encryptedValueToString,
   fheTypeToString,
   formatRelativeTime,