@wheelx-widget/widget 0.1.14 → 0.1.16

package/dist/index.js

@@ -50371,7 +50371,7 @@ var MobileContent = React5.memo(function MobileContent2({
     isMobileChainsOpen
   ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { w: "100%", h: "100%", align: "start", gap: 0, hideFrom: "md", children: [
-    !isMobileChainsOpen && !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", px: 2, pb: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    !isMobileChainsOpen && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", px: 2, pb: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(
       react.HStack,
       {
         w: "100%",
@@ -50892,7 +50892,7 @@ var DesktopContent = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { flex: 1, py: 3.5, align: "start", h: "100%", w: 0, children: [
-      !isPreconfigured && /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(
         SearchInput,
         {
           placeholder: "Search for a token or contract address",
@@ -51474,6 +51474,21 @@ var TokenSelectAndInput = ({
       }
     );
   }, [solanaWalletKey]);
+  const renderDefaultWalletIcon = React5.useCallback(() => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Box,
+      {
+        boxSize: {
+          base: "12px",
+          md: "14px"
+        },
+        borderRadius: "full",
+        overflow: "hidden",
+        bg: "white",
+        children: /* @__PURE__ */ jsxRuntime.jsx(react.Image, { src: defaultIcon, alt: "connector", w: "100%", h: "100%" })
+      }
+    );
+  }, []);
   React5.useEffect(() => {
     if (isFrom) {
       const { tags } = tokenInfo;
@@ -51559,12 +51574,22 @@ var TokenSelectAndInput = ({
     isNativeSOL ? void 0 : tokenInfo.isSolana ? tokenInfo.address : void 0,
     tokenInfo.isSolana
   );
+  const { data: solanaFixedAddressBalance } = useSolanaTokenBalance(
+    isNativeSOL ? void 0 : tokenInfo.isSolana ? tokenInfo.address : void 0,
+    !isFrom && tokenInfo.isSolana && !!config?.solanaDifferentAddress,
+    config?.solanaDifferentAddress || void 0
+  );
   const displayBalance = React5.useMemo(() => {
-    if (!isFrom && tokenInfo.isSolana && solanaBalance) {
-      return solanaBalance.formatted;
+    if (!isFrom && tokenInfo.isSolana) {
+      if (config?.solanaDifferentAddress && solanaFixedAddressBalance) {
+        return solanaFixedAddressBalance.formatted;
+      }
+      if (solanaBalance) {
+        return solanaBalance.formatted;
+      }
     }
     return differentAddressBalance;
-  }, [isFrom, tokenInfo.isSolana, solanaBalance, differentAddressBalance]);
+  }, [isFrom, tokenInfo.isSolana, config?.solanaDifferentAddress, solanaFixedAddressBalance, solanaBalance, differentAddressBalance]);
   React5.useEffect(() => {
     if (isFrom) {
       setFromAmountToUsd(usdValue);
@@ -51647,7 +51672,7 @@ var TokenSelectAndInput = ({
       if (!address && !solanaWalletAddress) {
         if (isSolanaChain2(toTokenInfo.chain_id) && config?.solanaDifferentAddress) {
           return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
-            renderSolanaWalletIcon(),
+            renderDefaultWalletIcon(),
             /* @__PURE__ */ jsxRuntime.jsx(
               Text2,
               {
@@ -51662,7 +51687,7 @@ var TokenSelectAndInput = ({
         }
         if (!isSolanaChain2(toTokenInfo.chain_id) && config?.evmDifferentAddress) {
           return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
-            walletIcon,
+            renderDefaultWalletIcon(),
             /* @__PURE__ */ jsxRuntime.jsx(
               Text2,
               {
@@ -51717,7 +51742,7 @@ var TokenSelectAndInput = ({
           if (!fromTokenInfo.isSolana && isSolanaChain2(toTokenInfo.chain_id) || fromTokenInfo.isSolana && isSolanaChain2(toTokenInfo.chain_id)) {
             if (config?.solanaDifferentAddress) {
               return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
-                renderSolanaWalletIcon(),
+                renderDefaultWalletIcon(),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Text2,
                   {
@@ -51767,11 +51792,26 @@ var TokenSelectAndInput = ({
           }
         } else if (!address && solanaWalletAddress) {
           if (!fromTokenInfo.isSolana && isSolanaChain2(toTokenInfo.chain_id) || fromTokenInfo.isSolana && isSolanaChain2(toTokenInfo.chain_id)) {
+            if (config?.solanaDifferentAddress) {
+              return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
+                renderDefaultWalletIcon(),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Text2,
+                  {
+                    variant: "content8",
+                    backgroundColor: theme.highlightBgColor,
+                    padding: "2px",
+                    color: theme.highlightTextColor,
+                    children: sliceAddress(config.solanaDifferentAddress)
+                  }
+                )
+              ] });
+            }
             return renderSolanaAddress(solanaWalletAddress);
           } else {
             if (config?.evmDifferentAddress) {
               return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
-                walletIcon,
+                renderDefaultWalletIcon(),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Text2,
                   {
@@ -51821,10 +51861,72 @@ var TokenSelectAndInput = ({
           }
         } else if (address && solanaWalletAddress) {
           if (isSolanaChain2(toTokenInfo.chain_id)) {
+            if (config?.solanaDifferentAddress) {
+              return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
+                renderDefaultWalletIcon(),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Text2,
+                  {
+                    variant: "content8",
+                    backgroundColor: theme.highlightBgColor,
+                    padding: "2px",
+                    color: theme.highlightTextColor,
+                    children: sliceAddress(config.solanaDifferentAddress)
+                  }
+                )
+              ] });
+            }
             return renderSolanaAddress(solanaWalletAddress);
           }
+          if (config?.evmDifferentAddress) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
+              renderDefaultWalletIcon(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Text2,
+                {
+                  variant: "content8",
+                  backgroundColor: theme.highlightBgColor,
+                  padding: "2px",
+                  color: theme.highlightTextColor,
+                  children: sliceAddress(config.evmDifferentAddress)
+                }
+              )
+            ] });
+          }
           return renderEvmAddress(address);
         }
+        if (!isFrom) {
+          if (isSolanaChain2(toTokenInfo.chain_id) && config?.solanaDifferentAddress) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
+              renderDefaultWalletIcon(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Text2,
+                {
+                  variant: "content8",
+                  backgroundColor: theme.highlightBgColor,
+                  padding: "2px",
+                  color: theme.highlightTextColor,
+                  children: sliceAddress(config.solanaDifferentAddress)
+                }
+              )
+            ] });
+          }
+          if (!isSolanaChain2(toTokenInfo.chain_id) && config?.evmDifferentAddress) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
+              renderDefaultWalletIcon(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Text2,
+                {
+                  variant: "content8",
+                  backgroundColor: theme.highlightBgColor,
+                  padding: "2px",
+                  color: theme.highlightTextColor,
+                  children: sliceAddress(config.evmDifferentAddress)
+                }
+              )
+            ] });
+          }
+        }
         return /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { gap: 1, children: [
           walletIcon,
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -53282,6 +53384,11 @@ var FormBody = ({
     isToNativeSOL ? void 0 : toTokenInfo.isSolana ? toTokenInfo.address : void 0,
     toTokenInfo.isSolana
   );
+  const toTokenFixedSolanaBalance = useSolanaTokenBalance(
+    isToNativeSOL ? void 0 : toTokenInfo.isSolana ? toTokenInfo.address : void 0,
+    toTokenInfo.isSolana && !!config?.solanaDifferentAddress,
+    config?.solanaDifferentAddress || void 0
+  );
   const fromTokenBalance = React5.useMemo(() => {
     if (fromTokenInfo.isSolana) {
       return fromTokenBalanceSolana.data ? {
@@ -53300,6 +53407,13 @@ var FormBody = ({
   ]);
   const toTokenBalance = React5.useMemo(() => {
     if (toTokenInfo.isSolana) {
+      if (config?.solanaDifferentAddress && toTokenFixedSolanaBalance.data) {
+        return {
+          decimals: toTokenFixedSolanaBalance.data.decimals,
+          value: toTokenFixedSolanaBalance.data.value,
+          formatted: toTokenFixedSolanaBalance.data.formatted
+        };
+      }
       if (toTokenBalanceSolana.data) {
         return {
           decimals: toTokenBalanceSolana.data.decimals,
@@ -53310,17 +53424,18 @@ var FormBody = ({
       return void 0;
     }
     if (isToHyperChain) return toTokenBalanceHyper;
-    if (!address && config?.evmDifferentAddress && toTokenFixedEvmBalance) {
+    if (config?.evmDifferentAddress && toTokenFixedEvmBalance) {
       return toTokenFixedEvmBalance;
     }
     return toTokenBalanceNormal;
   }, [
     toTokenInfo.isSolana,
+    config?.solanaDifferentAddress,
+    toTokenFixedSolanaBalance.data,
     toTokenBalanceSolana.data,
     isToHyperChain,
     toTokenBalanceHyper,
     toTokenBalanceNormal,
-    address,
     config?.evmDifferentAddress,
     toTokenFixedEvmBalance
   ]);