0xtrails 0.0.1 → 0.0.2

package/dist/widget/index-DQEVT3dx.js

@@ -0,0 +1,511 @@
+import { N as l, w as V, v as $, R as A, S as g, l as B, c as S, e as x, f as F, W as M, h, B as v, d as W, x as C, A as H, o as j, y as q, b as G, z as Q, C as K, D as Y, F as J, i as X, r as Z, j as ee, a as oe } from "./index-CK94R-H7.js";
+import { x as L } from "./lit-html-BRjl1r6K.js";
+import { n as z, c as ne } from "./if-defined-DRXJEhv7.js";
+import "./index-CDlhy529.js";
+import "./index-CD6dBcRj.js";
+const P = {
+  getGasPriceInEther(o, t) {
+    const n = t * o;
+    return Number(n) / 1e18;
+  },
+  getGasPriceInUSD(o, t, n) {
+    const s = P.getGasPriceInEther(t, n);
+    return l.bigNumber(o).times(s).toNumber();
+  },
+  getPriceImpact({ sourceTokenAmount: o, sourceTokenPriceInUSD: t, toTokenPriceInUSD: n, toTokenAmount: s }) {
+    const i = l.bigNumber(o).times(t), r = l.bigNumber(s).times(n);
+    return i.minus(r).div(i).times(100).toNumber();
+  },
+  getMaxSlippage(o, t) {
+    const n = l.bigNumber(o).div(100);
+    return l.multiply(t, n).toNumber();
+  },
+  getProviderFee(o, t = 85e-4) {
+    return l.bigNumber(o).times(t).toString();
+  },
+  isInsufficientNetworkTokenForGas(o, t) {
+    const n = t || "0";
+    return l.bigNumber(o).eq(0) ? !0 : l.bigNumber(l.bigNumber(n)).gt(o);
+  },
+  isInsufficientSourceTokenForSwap(o, t, n) {
+    var r, u;
+    const s = (u = (r = n == null ? void 0 : n.find((c) => c.address === t)) == null ? void 0 : r.quantity) == null ? void 0 : u.numeric;
+    return l.bigNumber(s || "0").lt(o);
+  },
+  getToTokenAmount({ sourceToken: o, toToken: t, sourceTokenPrice: n, toTokenPrice: s, sourceTokenAmount: i }) {
+    if (i === "0" || !o || !t)
+      return "0";
+    const r = o.decimals, u = n, c = t.decimals, d = s;
+    if (d <= 0)
+      return "0";
+    const T = l.bigNumber(i).times(85e-4), f = l.bigNumber(i).minus(T).times(l.bigNumber(10).pow(r)), w = l.bigNumber(u).div(d), b = r - c;
+    return f.times(w).div(l.bigNumber(10).pow(b)).div(l.bigNumber(10).pow(c)).toFixed(c).toString();
+  }
+}, R = 15e4, te = 6, k = {
+  // Loading states
+  initializing: !1,
+  initialized: !1,
+  loadingPrices: !1,
+  loadingQuote: !1,
+  loadingApprovalTransaction: !1,
+  loadingBuildTransaction: !1,
+  loadingTransaction: !1,
+  // Error states
+  fetchError: !1,
+  // Approval & Swap transaction states
+  approvalTransaction: void 0,
+  swapTransaction: void 0,
+  transactionError: void 0,
+  // Input values
+  sourceToken: void 0,
+  sourceTokenAmount: "",
+  sourceTokenPriceInUSD: 0,
+  toToken: void 0,
+  toTokenAmount: "",
+  toTokenPriceInUSD: 0,
+  networkPrice: "0",
+  networkBalanceInUSD: "0",
+  networkTokenSymbol: "",
+  inputError: void 0,
+  // Request values
+  slippage: G.CONVERT_SLIPPAGE_TOLERANCE,
+  // Tokens
+  tokens: void 0,
+  popularTokens: void 0,
+  suggestedTokens: void 0,
+  foundTokens: void 0,
+  myTokensWithBalance: void 0,
+  tokensPriceMap: {},
+  // Calculations
+  gasFee: "0",
+  gasPriceInUSD: 0,
+  priceImpact: void 0,
+  maxSlippage: void 0,
+  providerFee: void 0
+}, e = $(k), N = {
+  state: e,
+  subscribe(o) {
+    return J(e, () => o(e));
+  },
+  subscribeKey(o, t) {
+    return Y(e, o, t);
+  },
+  getParams() {
+    var c, d, T, m, f, w, b, I;
+    const o = h.state.activeCaipAddress, t = W.getPlainAddress(o), n = Q(), s = K.getConnectorId(h.state.activeChain);
+    if (!t)
+      throw new Error("No address found to swap the tokens from.");
+    const i = !((c = e.toToken) != null && c.address) || !((d = e.toToken) != null && d.decimals), r = !((T = e.sourceToken) != null && T.address) || !((m = e.sourceToken) != null && m.decimals) || !l.bigNumber(e.sourceTokenAmount).gt(0), u = !e.sourceTokenAmount;
+    return {
+      networkAddress: n,
+      fromAddress: t,
+      fromCaipAddress: o,
+      sourceTokenAddress: (f = e.sourceToken) == null ? void 0 : f.address,
+      toTokenAddress: (w = e.toToken) == null ? void 0 : w.address,
+      toTokenAmount: e.toTokenAmount,
+      toTokenDecimals: (b = e.toToken) == null ? void 0 : b.decimals,
+      sourceTokenAmount: e.sourceTokenAmount,
+      sourceTokenDecimals: (I = e.sourceToken) == null ? void 0 : I.decimals,
+      invalidToToken: i,
+      invalidSourceToken: r,
+      invalidSourceTokenAmount: u,
+      availableToSwap: o && !i && !r && !u,
+      isAuthConnector: s === S.CONNECTOR_ID.AUTH
+    };
+  },
+  setSourceToken(o) {
+    if (!o) {
+      e.sourceToken = o, e.sourceTokenAmount = "", e.sourceTokenPriceInUSD = 0;
+      return;
+    }
+    e.sourceToken = o, a.setTokenPrice(o.address, "sourceToken");
+  },
+  setSourceTokenAmount(o) {
+    e.sourceTokenAmount = o;
+  },
+  setToToken(o) {
+    if (!o) {
+      e.toToken = o, e.toTokenAmount = "", e.toTokenPriceInUSD = 0;
+      return;
+    }
+    e.toToken = o, a.setTokenPrice(o.address, "toToken");
+  },
+  setToTokenAmount(o) {
+    e.toTokenAmount = o ? l.formatNumberToLocalString(o, te) : "";
+  },
+  async setTokenPrice(o, t) {
+    let n = e.tokensPriceMap[o] || 0;
+    n || (e.loadingPrices = !0, n = await a.getAddressPrice(o)), t === "sourceToken" ? e.sourceTokenPriceInUSD = n : t === "toToken" && (e.toTokenPriceInUSD = n), e.loadingPrices && (e.loadingPrices = !1), a.getParams().availableToSwap && a.swapTokens();
+  },
+  switchTokens() {
+    if (e.initializing || !e.initialized)
+      return;
+    const o = e.toToken ? { ...e.toToken } : void 0, t = e.sourceToken ? { ...e.sourceToken } : void 0, n = o && e.toTokenAmount === "" ? "1" : e.toTokenAmount;
+    a.setSourceToken(o), a.setToToken(t), a.setSourceTokenAmount(n), a.setToTokenAmount(""), a.swapTokens();
+  },
+  resetState() {
+    e.myTokensWithBalance = k.myTokensWithBalance, e.tokensPriceMap = k.tokensPriceMap, e.initialized = k.initialized, e.sourceToken = k.sourceToken, e.sourceTokenAmount = k.sourceTokenAmount, e.sourceTokenPriceInUSD = k.sourceTokenPriceInUSD, e.toToken = k.toToken, e.toTokenAmount = k.toTokenAmount, e.toTokenPriceInUSD = k.toTokenPriceInUSD, e.networkPrice = k.networkPrice, e.networkTokenSymbol = k.networkTokenSymbol, e.networkBalanceInUSD = k.networkBalanceInUSD, e.inputError = k.inputError, e.myTokensWithBalance = k.myTokensWithBalance;
+  },
+  resetValues() {
+    var n;
+    const { networkAddress: o } = a.getParams(), t = (n = e.tokens) == null ? void 0 : n.find((s) => s.address === o);
+    a.setSourceToken(t), a.setToToken(void 0);
+  },
+  getApprovalLoadingState() {
+    return e.loadingApprovalTransaction;
+  },
+  clearError() {
+    e.transactionError = void 0;
+  },
+  async initializeState() {
+    if (!e.initializing) {
+      if (e.initializing = !0, !e.initialized)
+        try {
+          await a.fetchTokens(), e.initialized = !0;
+        } catch {
+          e.initialized = !1, g.showError("Failed to initialize swap"), A.goBack();
+        }
+      e.initializing = !1;
+    }
+  },
+  async fetchTokens() {
+    var n;
+    const { networkAddress: o } = a.getParams();
+    await a.getTokenList(), await a.getNetworkTokenPrice(), await a.getMyTokensWithBalance();
+    const t = (n = e.tokens) == null ? void 0 : n.find((s) => s.address === o);
+    t && (e.networkTokenSymbol = t.symbol, a.setSourceToken(t), a.setSourceTokenAmount("1"));
+  },
+  async getTokenList() {
+    const o = await C.getTokenList();
+    e.tokens = o, e.popularTokens = o.sort((t, n) => t.symbol < n.symbol ? -1 : t.symbol > n.symbol ? 1 : 0), e.suggestedTokens = o.filter((t) => !!G.SWAP_SUGGESTED_TOKENS.includes(t.symbol), {});
+  },
+  async getAddressPrice(o) {
+    var d, T;
+    const t = e.tokensPriceMap[o];
+    if (t)
+      return t;
+    const n = await v.fetchTokenPrice({
+      addresses: [o]
+    }), s = (n == null ? void 0 : n.fungibles) || [], i = [...e.tokens || [], ...e.myTokensWithBalance || []], r = (d = i == null ? void 0 : i.find((m) => m.address === o)) == null ? void 0 : d.symbol, u = ((T = s.find((m) => m.symbol.toLowerCase() === (r == null ? void 0 : r.toLowerCase()))) == null ? void 0 : T.price) || 0, c = parseFloat(u.toString());
+    return e.tokensPriceMap[o] = c, c;
+  },
+  async getNetworkTokenPrice() {
+    var i;
+    const { networkAddress: o } = a.getParams(), n = (i = (await v.fetchTokenPrice({
+      addresses: [o]
+    }).catch(() => (g.showError("Failed to fetch network token price"), { fungibles: [] }))).fungibles) == null ? void 0 : i[0], s = (n == null ? void 0 : n.price.toString()) || "0";
+    e.tokensPriceMap[o] = parseFloat(s), e.networkTokenSymbol = (n == null ? void 0 : n.symbol) || "", e.networkPrice = s;
+  },
+  async getMyTokensWithBalance(o) {
+    const t = await q.getMyTokensWithBalance(o), n = C.mapBalancesToSwapTokens(t);
+    n && (await a.getInitialGasPrice(), a.setBalances(n));
+  },
+  setBalances(o) {
+    const { networkAddress: t } = a.getParams(), n = h.state.activeCaipNetwork;
+    if (!n)
+      return;
+    const s = o.find((i) => i.address === t);
+    o.forEach((i) => {
+      e.tokensPriceMap[i.address] = i.price || 0;
+    }), e.myTokensWithBalance = o.filter((i) => i.address.startsWith(n.caipNetworkId)), e.networkBalanceInUSD = s ? l.multiply(s.quantity.numeric, s.price).toString() : "0";
+  },
+  async getInitialGasPrice() {
+    var t, n;
+    const o = await C.fetchGasPrice();
+    if (!o)
+      return { gasPrice: null, gasPriceInUSD: null };
+    switch ((n = (t = h.state) == null ? void 0 : t.activeCaipNetwork) == null ? void 0 : n.chainNamespace) {
+      case S.CHAIN.SOLANA:
+        return e.gasFee = o.standard ?? "0", e.gasPriceInUSD = l.multiply(o.standard, e.networkPrice).div(1e9).toNumber(), {
+          gasPrice: BigInt(e.gasFee),
+          gasPriceInUSD: Number(e.gasPriceInUSD)
+        };
+      case S.CHAIN.EVM:
+      default:
+        const s = o.standard ?? "0", i = BigInt(s), r = BigInt(R), u = P.getGasPriceInUSD(e.networkPrice, r, i);
+        return e.gasFee = s, e.gasPriceInUSD = u, { gasPrice: i, gasPriceInUSD: u };
+    }
+  },
+  // -- Swap -------------------------------------- //
+  async swapTokens() {
+    var r, u;
+    const o = H.state.address, t = e.sourceToken, n = e.toToken, s = l.bigNumber(e.sourceTokenAmount).gt(0);
+    if (s || a.setToTokenAmount(""), !n || !t || e.loadingPrices || !s)
+      return;
+    e.loadingQuote = !0;
+    const i = l.bigNumber(e.sourceTokenAmount).times(10 ** t.decimals).round(0);
+    try {
+      const c = await v.fetchSwapQuote({
+        userAddress: o,
+        from: t.address,
+        to: n.address,
+        gasPrice: e.gasFee,
+        amount: i.toString()
+      });
+      e.loadingQuote = !1;
+      const d = (u = (r = c == null ? void 0 : c.quotes) == null ? void 0 : r[0]) == null ? void 0 : u.toAmount;
+      if (!d) {
+        j.open({
+          shortMessage: "Incorrect amount",
+          longMessage: "Please enter a valid amount"
+        }, "error");
+        return;
+      }
+      const T = l.bigNumber(d).div(10 ** n.decimals).toString();
+      a.setToTokenAmount(T), a.hasInsufficientToken(e.sourceTokenAmount, t.address) ? e.inputError = "Insufficient balance" : (e.inputError = void 0, a.setTransactionDetails());
+    } catch {
+      e.loadingQuote = !1, e.inputError = "Insufficient balance";
+    }
+  },
+  // -- Create Transactions -------------------------------------- //
+  async getTransaction() {
+    const { fromCaipAddress: o, availableToSwap: t } = a.getParams(), n = e.sourceToken, s = e.toToken;
+    if (!(!o || !t || !n || !s || e.loadingQuote))
+      try {
+        e.loadingBuildTransaction = !0;
+        const i = await C.fetchSwapAllowance({
+          userAddress: o,
+          tokenAddress: n.address,
+          sourceTokenAmount: e.sourceTokenAmount,
+          sourceTokenDecimals: n.decimals
+        });
+        let r;
+        return i ? r = await a.createSwapTransaction() : r = await a.createAllowanceTransaction(), e.loadingBuildTransaction = !1, e.fetchError = !1, r;
+      } catch {
+        A.goBack(), g.showError("Failed to check allowance"), e.loadingBuildTransaction = !1, e.approvalTransaction = void 0, e.swapTransaction = void 0, e.fetchError = !0;
+        return;
+      }
+  },
+  async createAllowanceTransaction() {
+    const { fromCaipAddress: o, sourceTokenAddress: t, toTokenAddress: n } = a.getParams();
+    if (!(!o || !n)) {
+      if (!t)
+        throw new Error("createAllowanceTransaction - No source token address found.");
+      try {
+        const s = await v.generateApproveCalldata({
+          from: t,
+          to: n,
+          userAddress: o
+        }), i = W.getPlainAddress(s.tx.from);
+        if (!i)
+          throw new Error("SwapController:createAllowanceTransaction - address is required");
+        const r = {
+          data: s.tx.data,
+          to: i,
+          gasPrice: BigInt(s.tx.eip155.gasPrice),
+          value: BigInt(s.tx.value),
+          toAmount: e.toTokenAmount
+        };
+        return e.swapTransaction = void 0, e.approvalTransaction = {
+          data: r.data,
+          to: r.to,
+          gasPrice: r.gasPrice,
+          value: r.value,
+          toAmount: r.toAmount
+        }, {
+          data: r.data,
+          to: r.to,
+          gasPrice: r.gasPrice,
+          value: r.value,
+          toAmount: r.toAmount
+        };
+      } catch {
+        A.goBack(), g.showError("Failed to create approval transaction"), e.approvalTransaction = void 0, e.swapTransaction = void 0, e.fetchError = !0;
+        return;
+      }
+    }
+  },
+  async createSwapTransaction() {
+    var u;
+    const { networkAddress: o, fromCaipAddress: t, sourceTokenAmount: n } = a.getParams(), s = e.sourceToken, i = e.toToken;
+    if (!t || !n || !s || !i)
+      return;
+    const r = (u = B.parseUnits(n, s.decimals)) == null ? void 0 : u.toString();
+    try {
+      const c = await v.generateSwapCalldata({
+        userAddress: t,
+        from: s.address,
+        to: i.address,
+        amount: r,
+        disableEstimate: !0
+      }), d = s.address === o, T = BigInt(c.tx.eip155.gas), m = BigInt(c.tx.eip155.gasPrice), f = W.getPlainAddress(c.tx.to);
+      if (!f)
+        throw new Error("SwapController:createSwapTransaction - address is required");
+      const w = {
+        data: c.tx.data,
+        to: f,
+        gas: T,
+        gasPrice: m,
+        value: BigInt(d ? r ?? "0" : "0"),
+        toAmount: e.toTokenAmount
+      };
+      return e.gasPriceInUSD = P.getGasPriceInUSD(e.networkPrice, T, m), e.approvalTransaction = void 0, e.swapTransaction = w, w;
+    } catch {
+      A.goBack(), g.showError("Failed to create transaction"), e.approvalTransaction = void 0, e.swapTransaction = void 0, e.fetchError = !0;
+      return;
+    }
+  },
+  onEmbeddedWalletApprovalSuccess() {
+    g.showLoading("Approve limit increase in your wallet"), A.replace("SwapPreview");
+  },
+  // -- Send Transactions --------------------------------- //
+  async sendTransactionForApproval(o) {
+    var i, r, u;
+    const { fromAddress: t, isAuthConnector: n } = a.getParams();
+    e.loadingApprovalTransaction = !0, n ? A.pushTransactionStack({
+      onSuccess: a.onEmbeddedWalletApprovalSuccess
+    }) : g.showLoading("Approve limit increase in your wallet");
+    try {
+      await B.sendTransaction({
+        address: t,
+        to: o.to,
+        data: o.data,
+        value: o.value,
+        chainNamespace: S.CHAIN.EVM
+      }), await a.swapTokens(), await a.getTransaction(), e.approvalTransaction = void 0, e.loadingApprovalTransaction = !1;
+    } catch (c) {
+      const d = c;
+      e.transactionError = d == null ? void 0 : d.shortMessage, e.loadingApprovalTransaction = !1, g.showError((d == null ? void 0 : d.shortMessage) || "Transaction error"), x.sendEvent({
+        type: "track",
+        event: "SWAP_APPROVAL_ERROR",
+        properties: {
+          message: (d == null ? void 0 : d.shortMessage) || (d == null ? void 0 : d.message) || "Unknown",
+          network: ((i = h.state.activeCaipNetwork) == null ? void 0 : i.caipNetworkId) || "",
+          swapFromToken: ((r = a.state.sourceToken) == null ? void 0 : r.symbol) || "",
+          swapToToken: ((u = a.state.toToken) == null ? void 0 : u.symbol) || "",
+          swapFromAmount: a.state.sourceTokenAmount || "",
+          swapToAmount: a.state.toTokenAmount || "",
+          isSmartAccount: F(S.CHAIN.EVM) === M.ACCOUNT_TYPES.SMART_ACCOUNT
+        }
+      });
+    }
+  },
+  async sendTransactionForSwap(o) {
+    var u, c, d, T, m, f, w, b, I, E, U, O;
+    if (!o)
+      return;
+    const { fromAddress: t, toTokenAmount: n, isAuthConnector: s } = a.getParams();
+    e.loadingTransaction = !0;
+    const i = `Swapping ${(u = e.sourceToken) == null ? void 0 : u.symbol} to ${l.formatNumberToLocalString(n, 3)} ${(c = e.toToken) == null ? void 0 : c.symbol}`, r = `Swapped ${(d = e.sourceToken) == null ? void 0 : d.symbol} to ${l.formatNumberToLocalString(n, 3)} ${(T = e.toToken) == null ? void 0 : T.symbol}`;
+    s ? A.pushTransactionStack({
+      onSuccess() {
+        A.replace("Account"), g.showLoading(i), N.resetState();
+      }
+    }) : g.showLoading("Confirm transaction in your wallet");
+    try {
+      const D = [(m = e.sourceToken) == null ? void 0 : m.address, (f = e.toToken) == null ? void 0 : f.address].join(","), p = await B.sendTransaction({
+        address: t,
+        to: o.to,
+        data: o.data,
+        value: o.value,
+        chainNamespace: S.CHAIN.EVM
+      });
+      return e.loadingTransaction = !1, g.showSuccess(r), x.sendEvent({
+        type: "track",
+        event: "SWAP_SUCCESS",
+        properties: {
+          network: ((w = h.state.activeCaipNetwork) == null ? void 0 : w.caipNetworkId) || "",
+          swapFromToken: ((b = a.state.sourceToken) == null ? void 0 : b.symbol) || "",
+          swapToToken: ((I = a.state.toToken) == null ? void 0 : I.symbol) || "",
+          swapFromAmount: a.state.sourceTokenAmount || "",
+          swapToAmount: a.state.toTokenAmount || "",
+          isSmartAccount: F(S.CHAIN.EVM) === M.ACCOUNT_TYPES.SMART_ACCOUNT
+        }
+      }), N.resetState(), s || A.replace("Account"), N.getMyTokensWithBalance(D), p;
+    } catch (D) {
+      const p = D;
+      e.transactionError = p == null ? void 0 : p.shortMessage, e.loadingTransaction = !1, g.showError((p == null ? void 0 : p.shortMessage) || "Transaction error"), x.sendEvent({
+        type: "track",
+        event: "SWAP_ERROR",
+        properties: {
+          message: (p == null ? void 0 : p.shortMessage) || (p == null ? void 0 : p.message) || "Unknown",
+          network: ((E = h.state.activeCaipNetwork) == null ? void 0 : E.caipNetworkId) || "",
+          swapFromToken: ((U = a.state.sourceToken) == null ? void 0 : U.symbol) || "",
+          swapToToken: ((O = a.state.toToken) == null ? void 0 : O.symbol) || "",
+          swapFromAmount: a.state.sourceTokenAmount || "",
+          swapToAmount: a.state.toTokenAmount || "",
+          isSmartAccount: F(S.CHAIN.EVM) === M.ACCOUNT_TYPES.SMART_ACCOUNT
+        }
+      });
+      return;
+    }
+  },
+  // -- Checks -------------------------------------------- //
+  hasInsufficientToken(o, t) {
+    return P.isInsufficientSourceTokenForSwap(o, t, e.myTokensWithBalance);
+  },
+  // -- Calculations -------------------------------------- //
+  setTransactionDetails() {
+    const { toTokenAddress: o, toTokenDecimals: t } = a.getParams();
+    !o || !t || (e.gasPriceInUSD = P.getGasPriceInUSD(e.networkPrice, BigInt(e.gasFee), BigInt(R)), e.priceImpact = P.getPriceImpact({
+      sourceTokenAmount: e.sourceTokenAmount,
+      sourceTokenPriceInUSD: e.sourceTokenPriceInUSD,
+      toTokenPriceInUSD: e.toTokenPriceInUSD,
+      toTokenAmount: e.toTokenAmount
+    }), e.maxSlippage = P.getMaxSlippage(e.slippage, e.toTokenAmount), e.providerFee = P.getProviderFee(e.sourceTokenAmount));
+  }
+}, a = V(N), se = X`
+  :host {
+    display: block;
+  }
+
+  :host > button {
+    gap: var(--wui-spacing-xxs);
+    padding: var(--wui-spacing-xs);
+    padding-right: var(--wui-spacing-1xs);
+    height: 40px;
+    border-radius: var(--wui-border-radius-l);
+    background: var(--wui-color-gray-glass-002);
+    border-width: 0px;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+  }
+
+  :host > button wui-image {
+    width: 24px;
+    height: 24px;
+    border-radius: var(--wui-border-radius-s);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+`;
+var _ = function(o, t, n, s) {
+  var i = arguments.length, r = i < 3 ? t : s === null ? s = Object.getOwnPropertyDescriptor(t, n) : s, u;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(o, t, n, s);
+  else for (var c = o.length - 1; c >= 0; c--) (u = o[c]) && (r = (i < 3 ? u(r) : i > 3 ? u(t, n, r) : u(t, n)) || r);
+  return i > 3 && r && Object.defineProperty(t, n, r), r;
+};
+let y = class extends oe {
+  constructor() {
+    super(...arguments), this.text = "";
+  }
+  render() {
+    return L`
+      <button>
+        ${this.tokenTemplate()}
+        <wui-text variant="paragraph-600" color="fg-100">${this.text}</wui-text>
+      </button>
+    `;
+  }
+  tokenTemplate() {
+    return this.imageSrc ? L`<wui-image src=${this.imageSrc}></wui-image>` : L`
+      <wui-icon-box
+        size="sm"
+        iconColor="fg-200"
+        backgroundColor="fg-300"
+        icon="networkPlaceholder"
+      ></wui-icon-box>
+    `;
+  }
+};
+y.styles = [Z, ee, se];
+_([
+  z()
+], y.prototype, "imageSrc", void 0);
+_([
+  z()
+], y.prototype, "text", void 0);
+y = _([
+  ne("wui-token-button")
+], y);
+export {
+  a as S
+};