@trustware/sdk-staging 1.1.6-staging.1 → 1.1.6-staging.3

package/dist/index.cjs

@@ -68,7 +68,7 @@ var init_config = __esm({
       approachingThreshold: 5
     };
     DEFAULT_FEATURE_FLAGS = {
-      tokensPagination: false,
+      tokensPagination: true,
       balanceStreaming: false,
       shouldAllowGA4: true
     };
@@ -434,7 +434,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.6-staging.1";
+    SDK_VERSION = "1.1.6-staging.3";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -6653,7 +6653,7 @@ function useTrustwareConfig() {
           approachingThreshold: 5
         },
         features: {
-          tokensPagination: false,
+          tokensPagination: true,
           balanceStreaming: false,
           shouldAllowGA4: true
         }
@@ -10916,7 +10916,6 @@ function ImageLoader({
   retryDelay = 1e3,
   lazy: lazy2 = true,
   Fallback = null,
-  // skeleton = null,
   imgStyle,
   onLoad,
   onError
@@ -10926,6 +10925,12 @@ function ImageLoader({
   const [srcIsEmpty, setSrcIsEmpty] = (0, import_react28.useState)(false);
   const imgRef = (0, import_react28.useRef)(null);
   const observerRef = (0, import_react28.useRef)(null);
+  const onLoadRef = (0, import_react28.useRef)(onLoad);
+  const onErrorRef = (0, import_react28.useRef)(onError);
+  (0, import_react28.useEffect)(() => {
+    onLoadRef.current = onLoad;
+    onErrorRef.current = onError;
+  }, [onLoad, onError]);
   (0, import_react28.useEffect)(() => {
     if (status === "error" && attempt < retry) {
       const timer = setTimeout(() => {
@@ -10935,29 +10940,28 @@ function ImageLoader({
       return () => clearTimeout(timer);
     }
   }, [status, attempt, retry, retryDelay]);
-  const loadImage = () => {
+  const loadImage = (0, import_react28.useCallback)(() => {
     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]);
   (0, import_react28.useEffect)(() => {
     if (!lazy2) {
-      setTimeout(() => {
-        loadImage();
-      }, 0);
-      return;
+      const timer = setTimeout(() => loadImage(), 0);
+      return () => clearTimeout(timer);
     }
     observerRef.current = new IntersectionObserver(
       (entries) => {
@@ -10992,35 +10996,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
         }
       }
@@ -14935,7 +14924,6 @@ function useRoutePreviewModel({
   walletAddress
 }) {
   const { chains } = useChains();
-  console.log({ walletAddress });
   const destinationConfig = (0, import_react34.useMemo)(
     () => ({
       dappName: config.messages?.title || "DApp",