@rash2x/bridge-widget 0.1.0 → 0.1.3

package/dist/evaa-bridge.mjs

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import * as require$$0 from "react";
-import require$$0__default, { useState, useCallback, useRef, useEffect, useContext, createContext, useMemo, memo, forwardRef } from "react";
+import require$$0__default, { useState, useCallback, useRef, useEffect, useMemo, createContext, useContext, memo, forwardRef } from "react";
 import { create as create$1 } from "zustand";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -14,6 +14,7 @@ import { createPortal } from "react-dom";
 import { AnimatePresence, motion } from "framer-motion";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { useAccount, useDisconnect, useWalletClient } from "wagmi";
+import { useWallet } from "@tronweb3/tronwallet-adapter-react-hooks";
 import { useTonAddress, useTonConnectUI } from "@tonconnect/ui-react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Address, Cell } from "@ton/core";
@@ -25,6 +26,7 @@ import { ConnectKitButton } from "connectkit";
 import { t } from "i18next";
 import { toast, Toaster } from "sonner";
 import { ethers, BrowserProvider, Contract, parseUnits } from "ethers";
+import { TronLinkAdapterName } from "@tronweb3/tronwallet-adapters";
 const norm = (s) => (s ?? "").toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
 const POPULAR_ORDER = [
   "USDT",
@@ -1239,139 +1241,6 @@ 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 = createContext(DEFAULT_CONTEXT);
-function useWallet() {
-  return 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 } = useAccount();
@@ -1755,7 +1624,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__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
@@ -3457,7 +3326,7 @@ const ReceiveRow = () => {
           label: t2("transaction.route"),
           right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx(StargateIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("p", { className: "text-foreground font-normal text-sm font-display leading-[100%]", children: routeText }),
+            /* @__PURE__ */ jsx("p", { className: "text-foreground font-normal text-sm leading-[100%]", children: routeText }),
             hasGasOnDestination && /* @__PURE__ */ jsx("span", { className: "text-xs bg-settings-active text-settings-active-foreground px-1.5 py-0.5 rounded", children: t2(`settings.gasPresets.${gasPreset}`) })
           ] })
         }
@@ -4292,7 +4161,7 @@ const WalletSelectModal = ({
           return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
                   /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
@@ -4322,7 +4191,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__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                     /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
                     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
@@ -4339,7 +4208,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__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
@@ -4973,6 +4842,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 = {};
@@ -4980,7 +4881,7 @@ var module = {};
 (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;
     }
@@ -4994,7 +4895,7 @@ var module = {};
       return false;
     }
     return true;
-  }();
+  })();
   function noop() {
   }
   function promise(func) {
@@ -5006,7 +4907,7 @@ var module = {};
     func(noop, noop);
     return null;
   }
-  var bitmapMapper = /* @__PURE__ */ function(skipTransform, map) {
+  var bitmapMapper = /* @__PURE__ */ (function(skipTransform, map) {
     return {
       transform: function(bitmap) {
         if (skipTransform) {
@@ -5025,8 +4926,8 @@ var module = {};
         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 = {};
@@ -5059,8 +4960,8 @@ var module = {};
       };
     }
     return { frame, cancel };
-  }();
-  var getWorker = /* @__PURE__ */ function() {
+  })();
+  var getWorker = /* @__PURE__ */ (function() {
     var worker;
     var prom;
     var resolves = {};
@@ -5141,7 +5042,7 @@ var module = {};
       }
       return worker;
     };
-  }();
+  })();
   var defaults = {
     particleCount: 50,
     angle: 90,
@@ -5661,7 +5562,7 @@ var module = {};
   module2.exports.create = confettiCannon;
   module2.exports.shapeFromPath = shapeFromPath;
   module2.exports.shapeFromText = shapeFromText;
-})(function() {
+})((function() {
   if (typeof window !== "undefined") {
     return window;
   }
@@ -5669,7 +5570,7 @@ var module = {};
     return self;
   }
   return this || {};
-}(), module, false);
+})(), module, false);
 const confetti_module = module.exports;
 var create = module.exports.create;
 const confetti_module$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -5693,7 +5594,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)) {
@@ -5702,13 +5603,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) {
@@ -5779,7 +5680,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)) {
@@ -5788,13 +5689,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) {
@@ -5878,7 +5779,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;
@@ -5911,7 +5812,7 @@ function requireConductor() {
       this.decorateOptions = decorateOptions;
     }
     return Conductor2;
-  }();
+  })();
   conductor.default = Conductor;
   return conductor;
 }
@@ -5931,7 +5832,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;
@@ -5949,7 +5850,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;
@@ -5982,7 +5883,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;
@@ -6013,7 +5914,7 @@ function requireFireworks$1() {
       return _this;
     }
     return FireworksConductor2;
-  }(index_1.default);
+  })(index_1.default);
   fireworks.default = FireworksConductor;
   return fireworks;
 }
@@ -7687,7 +7588,6 @@ const EvaaBridgeWithProviders = (props) => {
 };
 const EvaaBridgeContent = ({
   className,
-  theme,
   onInitialized,
   onAmountChange,
   onChainChange
@@ -7789,11 +7689,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__ */ jsx(FormHeader, { modalContainer: modalContainerRef.current }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-[1px]", children: [