@trustware/sdk-staging 1.1.6-staging.2 → 1.1.7-staging.1

package/dist/widget.mjs

@@ -567,7 +567,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.6-staging.2";
+    SDK_VERSION = "1.1.7-staging.1";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -10739,7 +10739,7 @@ var init_WidgetSecurityFooter = __esm({
 });
 
 // src/widget/components/ImageLoader.tsx
-import { useEffect as useEffect19, useMemo as useMemo11, useRef as useRef9, useState as useState20 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect19, useMemo as useMemo11, useRef as useRef9, useState as useState20 } from "react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function Skeleton({
   background,
@@ -10764,7 +10764,6 @@ function ImageLoader({
   retryDelay = 1e3,
   lazy: lazy2 = true,
   Fallback = null,
-  // skeleton = null,
   imgStyle,
   onLoad,
   onError
@@ -10774,6 +10773,12 @@ function ImageLoader({
   const [srcIsEmpty, setSrcIsEmpty] = useState20(false);
   const imgRef = useRef9(null);
   const observerRef = useRef9(null);
+  const onLoadRef = useRef9(onLoad);
+  const onErrorRef = useRef9(onError);
+  useEffect19(() => {
+    onLoadRef.current = onLoad;
+    onErrorRef.current = onError;
+  }, [onLoad, onError]);
   useEffect19(() => {
     if (status === "error" && attempt < retry) {
       const timer = setTimeout(() => {
@@ -10783,29 +10788,28 @@ function ImageLoader({
       return () => clearTimeout(timer);
     }
   }, [status, attempt, retry, retryDelay]);
-  const loadImage = () => {
+  const loadImage = useCallback14(() => {
     if (!src) {
       setSrcIsEmpty(true);
       return;
     }
+    setSrcIsEmpty(false);
     setStatus("loading");
     const img = new Image();
     img.src = src;
     img.onload = () => {
       setStatus("success");
-      onLoad?.();
+      onLoadRef.current?.();
     };
     img.onerror = () => {
       setStatus("error");
-      onError?.();
+      onErrorRef.current?.();
     };
-  };
+  }, [src]);
   useEffect19(() => {
     if (!lazy2) {
-      setTimeout(() => {
-        loadImage();
-      }, 0);
-      return;
+      const timer = setTimeout(() => loadImage(), 0);
+      return () => clearTimeout(timer);
     }
     observerRef.current = new IntersectionObserver(
       (entries) => {
@@ -10840,35 +10844,20 @@ function ImageLoader({
         src,
         alt,
         style: {
-          // Css guards to prevent external styles from interfering with image rendering
           all: "revert",
-          // Undo any inherited/global resets (e.g. Tailwind, normalize.css)
           display: "block",
-          // Prevent inline baseline gap
           width: "100%",
-          // Restore intended sizing
           maxWidth: "100%",
-          // Prevent overflow
           height: "auto",
-          // Maintain aspect ratio
           border: "none",
-          // Strip any border resets
           padding: 0,
-          // Strip padding resets
           margin: 0,
-          // Strip margin resets
           objectFit: "cover",
-          // Preserve visual intent
           verticalAlign: "middle",
-          // Guard against inline stripping
           filter: "none",
-          // Prevent inherited filter washes
           opacity: 1,
-          // Prevent inherited opacity stripping
           mixBlendMode: "normal",
-          // Prevent blend mode interference
           colorScheme: "normal",
-          // Prevent dark-mode inversion
           ...imgStyle
         }
       }
@@ -12443,7 +12432,7 @@ var init_TokenSelectorPanel = __esm({
 });
 
 // src/widget/features/token-selection/hooks/useOrderedWalletTokens.ts
-import { useCallback as useCallback14, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback15, useMemo as useMemo12 } from "react";
 function useOrderedWalletTokens({
   amount,
   amountInputMode,
@@ -12452,7 +12441,7 @@ function useOrderedWalletTokens({
   setSelectedToken,
   yourWalletTokens
 }) {
-  const handleTokenChange = useCallback14(
+  const handleTokenChange = useCallback15(
     async (token) => {
       if (token) {
         setSelectedToken(token);
@@ -12537,7 +12526,7 @@ var init_useOrderedWalletTokens = __esm({
 });
 
 // src/widget/features/token-selection/hooks/useSelectTokenModel.ts
-import { useCallback as useCallback15, useMemo as useMemo13 } from "react";
+import { useCallback as useCallback16, useMemo as useMemo13 } from "react";
 function useSelectTokenModel({
   goBack,
   searchQuery,
@@ -12561,7 +12550,7 @@ function useSelectTokenModel({
       explorerUrl: chain.blockExplorerUrls?.[0]
     });
   };
-  const handleTokenSelect = useCallback15(
+  const handleTokenSelect = useCallback16(
     async (token) => {
       if (token.balance !== void 0) {
         setSelectedToken(token);
@@ -12585,7 +12574,7 @@ function useSelectTokenModel({
     },
     [goBack, selectedChain, setSelectedToken, walletAddress]
   );
-  const handleYourTokenSelect = useCallback15(
+  const handleYourTokenSelect = useCallback16(
     (token) => {
       setSelectedToken(token);
       setSelectedChain(token.chainData);
@@ -14300,7 +14289,7 @@ var init_HomePaymentOptions = __esm({
 });
 
 // src/widget/features/wallet/hooks/useHomeWalletActions.ts
-import { useCallback as useCallback16, useEffect as useEffect22, useMemo as useMemo16, useRef as useRef10, useState as useState21 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect22, useMemo as useMemo16, useRef as useRef10, useState as useState21 } from "react";
 function useHomeWalletActions({
   connectWallet,
   detectedWallets,
@@ -14329,7 +14318,7 @@ function useHomeWalletActions({
   const { resetNavigation } = useDepositNavigationState("home");
   const { setYourWalletTokens } = useDepositWallet();
   const { isConnected, walletMetaId, connectedVia } = useWalletInfo();
-  const handleWalletSelect = useCallback16(
+  const handleWalletSelect = useCallback17(
     async (wallet) => {
       setIsCryptoDropdownOpen(false);
       try {
@@ -14353,7 +14342,7 @@ function useHomeWalletActions({
   const handleFiatSelect = () => {
     setIsFiatDropdownOpen(false);
   };
-  const handleWalletConnect = useCallback16(async () => {
+  const handleWalletConnect = useCallback17(async () => {
     if (connectedVia !== "walletconnect" && isConnected) {
       disconnect();
       setYourWalletTokens([]);
@@ -14364,7 +14353,7 @@ function useHomeWalletActions({
   const browserWallets = useMemo16(() => {
     if (!detectedWallets?.length) return [];
     return detectedWallets.filter(
-      (wallet) => wallet?.meta?.id !== "walletconnect" && wallet?.meta?.ecosystem === selectedNamespace
+      (wallet) => wallet?.meta?.id !== "walletconnect" && wallet?.meta?.ecosystem.trim().toLowerCase() === selectedNamespace.trim().toLowerCase()
     );
   }, [detectedWallets, selectedNamespace]);
   return {
@@ -14752,7 +14741,6 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  console.log({ walletAddress });
   const destinationConfig = useMemo17(
     () => ({
       dappName: config.messages?.title || "DApp",
@@ -15287,7 +15275,7 @@ var init_SuccessSummaryCard = __esm({
 });
 
 // src/widget/features/transaction/hooks/useTransactionActionModel.ts
-import { useCallback as useCallback17, useEffect as useEffect23, useMemo as useMemo18, useRef as useRef11, useState as useState22 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect23, useMemo as useMemo18, useRef as useRef11, useState as useState22 } from "react";
 import { encodeFunctionData, erc20Abi } from "viem";
 function normalizeTokenAddressForCompare(chain, addr) {
   const chainType = (chain.type ?? chain.chainType ?? "").toLowerCase();
@@ -15365,7 +15353,7 @@ function useTransactionActionModel({
   const [isReadingAllowance, setIsReadingAllowance] = useState22(false);
   const [isApproving, setIsApproving] = useState22(false);
   const [gasReservationWei, setGasReservationWei] = useState22(0n);
-  const readAllowance = useCallback17(async () => {
+  const readAllowance = useCallback18(async () => {
     if (!isEvm || isNativeSelected || !backendChainId2 || !selectedTokenOnBackendChain || !walletAddress || !spender || !selectedToken?.address) {
       setAllowanceWei(0n);
       return;
@@ -15397,7 +15385,7 @@ function useTransactionActionModel({
     void readAllowance();
   }, [readAllowance]);
   const needsApproval = isEvm && !isNativeSelected && !!walletAddress && !!spender && amountWei > 0n && allowanceWei < amountWei;
-  const waitForApprovalConfirmation = useCallback17(
+  const waitForApprovalConfirmation = useCallback18(
     async (chainId, txHash) => {
       const timeoutMs = 12e4;
       const intervalMs = 2e3;
@@ -15416,7 +15404,7 @@ function useTransactionActionModel({
     },
     []
   );
-  const handleApproveExact = useCallback17(async () => {
+  const handleApproveExact = useCallback18(async () => {
     if (isApproving || amountWei <= 0n || !walletAddress || !spender || !selectedToken?.address) {
       return;
     }
@@ -15509,7 +15497,7 @@ function useTransactionActionModel({
     waitForApprovalConfirmation,
     walletAddress
   ]);
-  const getCachedFeeData = useCallback17(async () => {
+  const getCachedFeeData = useCallback18(async () => {
     if (!backendChainId2) return {};
     const now = Date.now();
     const cache = feeDataCacheRef.current;
@@ -15532,7 +15520,7 @@ function useTransactionActionModel({
     }
     return cache.inflight;
   }, [backendChainId2]);
-  const estimateGasReservationWei = useCallback17(async () => {
+  const estimateGasReservationWei = useCallback18(async () => {
     if (!isNativeSelected) {
       setGasReservationWei(0n);
       return 0n;
@@ -15601,7 +15589,7 @@ function useTransactionActionModel({
       void estimateGasReservationWei();
     }
   }, [estimateGasReservationWei, routeResult]);
-  const handleConfirm = useCallback17(async () => {
+  const handleConfirm = useCallback18(async () => {
     if (!routeResult) {
       return;
     }
@@ -15624,7 +15612,7 @@ function useTransactionActionModel({
     submitTransaction,
     trackEvent
   ]);
-  const handleSwipeConfirm = useCallback17(async () => {
+  const handleSwipeConfirm = useCallback18(async () => {
     if (needsApproval) {
       await handleApproveExact();
       if (!backendChainId2 || !selectedTokenOnBackendChain || !selectedToken?.address || !walletAddress || !spender) {
@@ -16803,7 +16791,7 @@ import {
   useState as useState23,
   useEffect as useEffect27,
   useRef as useRef13,
-  useCallback as useCallback18,
+  useCallback as useCallback19,
   useImperativeHandle,
   forwardRef
 } from "react";
@@ -16862,7 +16850,7 @@ function WidgetInner({
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
   const [showConfirmDialog, setShowConfirmDialog] = useState23(false);
-  const handleCloseRequest = useCallback18(() => {
+  const handleCloseRequest = useCallback19(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
     } else {
@@ -16876,17 +16864,17 @@ function WidgetInner({
   useEffect27(() => {
     closeRequestRef.current = handleCloseRequest;
   }, [handleCloseRequest, closeRequestRef]);
-  const handleConfirmClose = useCallback18(() => {
+  const handleConfirmClose = useCallback19(() => {
     setShowConfirmDialog(false);
     onClose?.();
   }, [onClose]);
-  const handleCancelClose = useCallback18(() => {
+  const handleCancelClose = useCallback19(() => {
     setShowConfirmDialog(false);
   }, []);
   const effectiveTheme = resolvedTheme;
   const isRefreshing = status === "initializing";
   const initBlocked = status === "error";
-  const handleRefresh = useCallback18(() => {
+  const handleRefresh = useCallback19(() => {
     revalidate?.();
   }, [revalidate]);
   return /* @__PURE__ */ jsxs43(Fragment7, { children: [
@@ -16958,11 +16946,11 @@ var init_TrustwareWidgetV2 = __esm({
       const [isOpen, setIsOpen] = useState23(defaultOpen);
       const closeRequestRef = useRef13(null);
       const effectiveInitialStep = initialStep;
-      const open = useCallback18(() => {
+      const open = useCallback19(() => {
         setIsOpen(true);
         onOpen?.();
       }, [onOpen]);
-      const close = useCallback18(() => {
+      const close = useCallback19(() => {
         if (closeRequestRef.current) {
           closeRequestRef.current();
         } else {
@@ -16970,7 +16958,7 @@ var init_TrustwareWidgetV2 = __esm({
           onClose?.();
         }
       }, [onClose]);
-      const handleClose = useCallback18(() => {
+      const handleClose = useCallback19(() => {
         setIsOpen(false);
         onClose?.();
       }, [onClose]);