@rash2x/bridge-widget 0.1.0 → 0.1.3

package/dist/evaa-bridge.cjs

@@ -36,6 +36,7 @@ const reactDom = require("react-dom");
 const framerMotion = require("framer-motion");
 const TooltipPrimitive = require("@radix-ui/react-tooltip");
 const wagmi = require("wagmi");
+const tronwalletAdapterReactHooks = require("@tronweb3/tronwallet-adapter-react-hooks");
 const uiReact = require("@tonconnect/ui-react");
 const reactQuery = require("@tanstack/react-query");
 const core = require("@ton/core");
@@ -47,6 +48,7 @@ const connectkit = require("connectkit");
 const i18next = require("i18next");
 const sonner = require("sonner");
 const ethers = require("ethers");
+const tronwalletAdapters = require("@tronweb3/tronwallet-adapters");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -1281,144 +1283,11 @@ function Input({ className, type, ...props }) {
     }
   );
 }
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      var isInstance = false;
-      try {
-        isInstance = this instanceof a2;
-      } catch {
-      }
-      if (isInstance) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
-var NetworkType;
-(function(NetworkType2) {
-  NetworkType2["Mainnet"] = "Mainnet";
-  NetworkType2["Shasta"] = "Shasta";
-  NetworkType2["Nile"] = "Nile";
-  NetworkType2["Unknown"] = "Unknown";
-})(NetworkType || (NetworkType = {}));
-var ChainNetwork;
-(function(ChainNetwork2) {
-  ChainNetwork2["Mainnet"] = "Mainnet";
-  ChainNetwork2["Shasta"] = "Shasta";
-  ChainNetwork2["Nile"] = "Nile";
-})(ChainNetwork || (ChainNetwork = {}));
-function printError() {
-  console.error(`
-You are using WalletContext without provide the WalletContext.Provider.
-Please wrap your sub-components with a WalletProvider and provide required values.
-`);
-}
-const DEFAULT_CONTEXT = {
-  autoConnect: false,
-  connecting: false,
-  connected: false,
-  disconnecting: false,
-  /* eslint-disable */
-  select(_name) {
-    printError();
-  },
-  connect() {
-    printError();
-    return Promise.reject();
-  },
-  disconnect() {
-    printError();
-    return Promise.reject();
-  },
-  signTransaction(_transaction) {
-    printError();
-    return Promise.reject();
-  },
-  signMessage(_message) {
-    printError();
-    return Promise.reject();
-  }
-  /* eslint-enable */
-};
-Object.defineProperty(DEFAULT_CONTEXT, "wallets", {
-  get() {
-    printError();
-    return [];
-  }
-});
-Object.defineProperty(DEFAULT_CONTEXT, "wallet", {
-  get() {
-    printError();
-    return null;
-  }
-});
-Object.defineProperty(DEFAULT_CONTEXT, "address", {
-  get() {
-    printError();
-    return null;
-  }
-});
-const WalletContext = require$$0.createContext(DEFAULT_CONTEXT);
-function useWallet() {
-  return require$$0.useContext(WalletContext);
-}
-(function(thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function(resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-});
-({
-  "0x2b6653dc": NetworkType.Mainnet,
-  "0x94a9059e": NetworkType.Shasta,
-  "0xcd8690dc": NetworkType.Nile
-});
-const TronLinkAdapterName = "TronLink";
 function useAddresses() {
   const { fromChain, toChain } = useChainsStore();
   const { address: evmAddress } = wagmi.useAccount();
   const tonAddress = uiReact.useTonAddress();
-  const { address: tronAddress } = useWallet();
+  const { address: tronAddress } = tronwalletAdapterReactHooks.useWallet();
   const srcAddress = require$$0.useMemo(() => {
     if (!fromChain?.chainKey) return void 0;
     const chainKey = fromChain.chainKey.toLowerCase();
@@ -1797,7 +1666,7 @@ const TokenRow = ({
     Button,
     {
       onClick: onPick,
-      className: `w-full font-display h-[50px] cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-modal-item-hover rounded-12 transition-[300] ${isSelected ? "border border-ring" : ""}`,
+      className: `w-full h-[50px] cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-modal-item-hover rounded-12 transition-[300] ${isSelected ? "border border-ring" : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -3499,7 +3368,7 @@ const ReceiveRow = () => {
           label: t("transaction.route"),
           right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(StargateIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground font-normal text-sm font-display leading-[100%]", children: routeText }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground font-normal text-sm leading-[100%]", children: routeText }),
             hasGasOnDestination && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs bg-settings-active text-settings-active-foreground px-1.5 py-0.5 rounded", children: t(`settings.gasPresets.${gasPreset}`) })
           ] })
         }
@@ -4334,7 +4203,7 @@ const WalletSelectModal = ({
           return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
             {
-              className: "w-full font-display cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300]",
+              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300]",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "size-7.5" }) }),
@@ -4364,7 +4233,7 @@ const WalletSelectModal = ({
                   type: "button",
                   onClick: show,
                   disabled: isConnecting,
-                  className: "w-full font-display cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
+                  className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
                   children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "size-7.5" }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
@@ -4381,7 +4250,7 @@ const WalletSelectModal = ({
             {
               onClick: () => handleWalletSelect(wallet.id),
               disabled: !wallet.enabled,
-              className: "w-full font-display cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
+              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-12 transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "size-7.5" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
@@ -5015,6 +4884,38 @@ const TransactionSuccessVector = (props) => {
     )
   ] });
 };
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
+  var f = n.default;
+  if (typeof f == "function") {
+    var a = function a2() {
+      var isInstance = false;
+      try {
+        isInstance = this instanceof a2;
+      } catch {
+      }
+      if (isInstance) {
+        return Reflect.construct(f, arguments, this.constructor);
+      }
+      return f.apply(this, arguments);
+    };
+    a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, "__esModule", { value: true });
+  Object.keys(n).forEach(function(k) {
+    var d = Object.getOwnPropertyDescriptor(n, k);
+    Object.defineProperty(a, k, d.get ? d : {
+      enumerable: true,
+      get: function() {
+        return n[k];
+      }
+    });
+  });
+  return a;
+}
 var fireworks$1 = {};
 var presets = {};
 var dist = {};
@@ -5022,7 +4923,7 @@ var module$1 = {};
 (function main(global, module2, isWorker, workerSize) {
   var canUseWorker = !!(global.Worker && global.Blob && global.Promise && global.OffscreenCanvas && global.OffscreenCanvasRenderingContext2D && global.HTMLCanvasElement && global.HTMLCanvasElement.prototype.transferControlToOffscreen && global.URL && global.URL.createObjectURL);
   var canUsePaths = typeof Path2D === "function" && typeof DOMMatrix === "function";
-  var canDrawBitmap = function() {
+  var canDrawBitmap = (function() {
     if (!global.OffscreenCanvas) {
       return false;
     }
@@ -5036,7 +4937,7 @@ var module$1 = {};
       return false;
     }
     return true;
-  }();
+  })();
   function noop() {
   }
   function promise(func) {
@@ -5048,7 +4949,7 @@ var module$1 = {};
     func(noop, noop);
     return null;
   }
-  var bitmapMapper = /* @__PURE__ */ function(skipTransform, map) {
+  var bitmapMapper = /* @__PURE__ */ (function(skipTransform, map) {
     return {
       transform: function(bitmap) {
         if (skipTransform) {
@@ -5067,8 +4968,8 @@ var module$1 = {};
         map.clear();
       }
     };
-  }(canDrawBitmap, /* @__PURE__ */ new Map());
-  var raf = function() {
+  })(canDrawBitmap, /* @__PURE__ */ new Map());
+  var raf = (function() {
     var TIME = Math.floor(1e3 / 60);
     var frame, cancel;
     var frames = {};
@@ -5101,8 +5002,8 @@ var module$1 = {};
       };
     }
     return { frame, cancel };
-  }();
-  var getWorker = /* @__PURE__ */ function() {
+  })();
+  var getWorker = /* @__PURE__ */ (function() {
     var worker;
     var prom;
     var resolves = {};
@@ -5183,7 +5084,7 @@ var module$1 = {};
       }
       return worker;
     };
-  }();
+  })();
   var defaults = {
     particleCount: 50,
     angle: 90,
@@ -5703,7 +5604,7 @@ var module$1 = {};
   module2.exports.create = confettiCannon;
   module2.exports.shapeFromPath = shapeFromPath;
   module2.exports.shapeFromText = shapeFromText;
-})(function() {
+})((function() {
   if (typeof window !== "undefined") {
     return window;
   }
@@ -5711,7 +5612,7 @@ var module$1 = {};
     return self;
   }
   return this || {};
-}(), module$1, false);
+})(), module$1, false);
 const confetti_module = module$1.exports;
 var create = module$1.exports.create;
 const confetti_module$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -5735,7 +5636,7 @@ function requireDist() {
     };
     return __assign.apply(this, arguments);
   };
-  var __createBinding = dist && dist.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = dist && dist.__createBinding || (Object.create ? (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
     if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
@@ -5744,13 +5645,13 @@ function requireDist() {
       } };
     }
     Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
+  }) : (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     o[k2] = m[k];
-  });
-  var __setModuleDefault = dist && dist.__setModuleDefault || (Object.create ? function(o, v) {
+  }));
+  var __setModuleDefault = dist && dist.__setModuleDefault || (Object.create ? (function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
-  } : function(o, v) {
+  }) : function(o, v) {
     o["default"] = v;
   });
   var __importStar = dist && dist.__importStar || function(mod) {
@@ -5821,7 +5722,7 @@ function requirePresets() {
     };
     return __assign.apply(this, arguments);
   };
-  var __createBinding = presets && presets.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = presets && presets.__createBinding || (Object.create ? (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
     if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
@@ -5830,13 +5731,13 @@ function requirePresets() {
       } };
     }
     Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
+  }) : (function(o, m, k, k2) {
     if (k2 === void 0) k2 = k;
     o[k2] = m[k];
-  });
-  var __setModuleDefault = presets && presets.__setModuleDefault || (Object.create ? function(o, v) {
+  }));
+  var __setModuleDefault = presets && presets.__setModuleDefault || (Object.create ? (function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
-  } : function(o, v) {
+  }) : function(o, v) {
     o["default"] = v;
   });
   var __importStar = presets && presets.__importStar || function(mod) {
@@ -5920,7 +5821,7 @@ function requireConductor() {
   if (hasRequiredConductor) return conductor;
   hasRequiredConductor = 1;
   Object.defineProperty(conductor, "__esModule", { value: true });
-  var Conductor = /* @__PURE__ */ function() {
+  var Conductor = /* @__PURE__ */ (function() {
     function Conductor2(_a) {
       var confetti = _a.confetti, decorateOptions = _a.decorateOptions;
       var _this = this;
@@ -5953,7 +5854,7 @@ function requireConductor() {
       this.decorateOptions = decorateOptions;
     }
     return Conductor2;
-  }();
+  })();
   conductor.default = Conductor;
   return conductor;
 }
@@ -5973,7 +5874,7 @@ var hasRequiredFireworks$1;
 function requireFireworks$1() {
   if (hasRequiredFireworks$1) return fireworks;
   hasRequiredFireworks$1 = 1;
-  var __extends = fireworks && fireworks.__extends || /* @__PURE__ */ function() {
+  var __extends = fireworks && fireworks.__extends || /* @__PURE__ */ (function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -5991,7 +5892,7 @@ function requireFireworks$1() {
       }
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-  }();
+  })();
   var __read = fireworks && fireworks.__read || function(o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -6024,7 +5925,7 @@ function requireFireworks$1() {
   Object.defineProperty(fireworks, "__esModule", { value: true });
   var index_1 = __importDefault(requireConductor());
   var randomInRange_1 = __importDefault(requireRandomInRange());
-  var FireworksConductor = function(_super) {
+  var FireworksConductor = (function(_super) {
     __extends(FireworksConductor2, _super);
     function FireworksConductor2() {
       var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
@@ -6055,7 +5956,7 @@ function requireFireworks$1() {
       return _this;
     }
     return FireworksConductor2;
-  }(index_1.default);
+  })(index_1.default);
   fireworks.default = FireworksConductor;
   return fireworks;
 }
@@ -7147,7 +7048,7 @@ class TronChainStrategy {
     if (!tronWeb && (typeof window === "undefined" || !window.tronLink)) {
       throw new WalletNotFoundError("tron", "TronLink");
     }
-    this.config.tronSelect(TronLinkAdapterName);
+    this.config.tronSelect(tronwalletAdapters.TronLinkAdapterName);
     await new Promise((resolve) => setTimeout(resolve, 100));
     await this.config.tronConnect();
   }
@@ -7692,7 +7593,7 @@ const EvaaBridgeWithProviders = (props) => {
     select: tronSelect,
     connect: tronConnect,
     disconnect: tronDisconnect
-  } = useWallet();
+  } = tronwalletAdapterReactHooks.useWallet();
   const { setTonConnected, setMetaMaskConnected, setTronConnected } = useConnectedWalletsStore();
   require$$0.useEffect(() => {
     setTonConnected(!!tonAddress);
@@ -7729,7 +7630,6 @@ const EvaaBridgeWithProviders = (props) => {
 };
 const EvaaBridgeContent = ({
   className,
-  theme,
   onInitialized,
   onAmountChange,
   onChainChange
@@ -7831,11 +7731,10 @@ const EvaaBridgeContent = ({
       "section",
       {
         className: cn(
-          "p-5 bg-card max-w-md w-full rounded-3xl mx-auto flex flex-col gap-4 font-display relative",
+          "p-5 bg-card max-w-md w-full rounded-3xl mx-auto flex flex-col gap-4 relative",
           className
         ),
         ref: modalContainerRef,
-        "data-theme": theme,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(FormHeader, { modalContainer: modalContainerRef.current }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-[1px]", children: [