@gearbox-protocol/permissionless-ui 1.17.9 → 1.18.0

package/dist/esm/utils/bn-to-pretty-view.js

@@ -0,0 +1,6 @@
+function r(n, t, e) {
+  return (Number(n) / 10 ** t).toLocaleString("en-US", e);
+}
+export {
+  r as bnToPrettyView
+};

package/dist/esm/utils/format-money.js

@@ -1,35 +1,52 @@
-import { BigIntMath as s, formatBN as a, WAD_DECIMALS_POW as m } from "@gearbox-protocol/sdk";
+import { BigIntMath as f, formatBN as a, WAD_DECIMALS_POW as s } from "@gearbox-protocol/sdk";
 const N = 10000000000000000n;
-function p(t) {
+function b(t) {
   return BigInt(t.toFixed(18).replace(".", ""));
 }
-function _(t, n) {
-  const e = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", o = typeof t == "number" ? p(Math.abs(t)) : s.abs(t), u = o < N && o > 0n, f = u ? "0.01" : a(o, m, n), i = `${e}$${f}`;
+function T(t, e) {
+  const r = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", o = typeof t == "number" ? b(Math.abs(t)) : f.abs(t), u = o < N && o > 0n, c = u ? "0.01" : a(o, s, e), i = `${r}$${c}`;
   return u ? `< ${i}` : i;
 }
-const E = 1e4;
-function c(t, n, r = !0) {
-  const e = typeof t == "number" ? t : Number(t);
-  return Number.isNaN(e) || e === void 0 || e === null ? "0" : e === 0 ? 0 : r && e > E ? e.toExponential(n) : e.toFixed(n);
+const y = 1e4;
+function m(t, e, n = !0) {
+  const r = typeof t == "number" ? t : Number(t);
+  return Number.isNaN(r) || r === void 0 || r === null ? "0" : r === 0 ? 0 : n && r > y ? r.toExponential(e) : r.toFixed(e);
 }
-function d(t, n = 2) {
-  return `${c(t, n)}%`;
+function g(t, e = 2) {
+  return `${m(t, e)}%`;
 }
-const T = 1e4;
-function g(t, n = 2) {
-  const r = Number(t) / Number(T);
-  return `${c(r, n)}%`;
+const l = 1e4;
+function A(t, e = 2) {
+  const n = Number(t) / Number(l);
+  return `${m(n, e)}%`;
 }
-const b = 1000n;
-function l(t, n = 1) {
-  return t === void 0 ? "-" : `${(t / Number(b)).toFixed(n)}%`;
+const p = 1000n;
+function F(t, e) {
+  let n;
+  return typeof t == "string" ? n = Number.parseFloat(t) || 0 : typeof t == "bigint" ? n = Number(t) : n = t, typeof e == "number" ? new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: e,
+    maximumFractionDigits: e
+  }).format(n) : e && typeof e == "object" ? new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    ...e
+  }).format(n) : new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD"
+  }).format(n);
+}
+function S(t, e = 1) {
+  return t === void 0 ? "-" : `${(t / Number(p)).toFixed(e)}%`;
 }
 export {
-  T as PERCENTAGE_FACTOR,
-  b as SLIPPAGE_DECIMALS,
-  _ as formatMoney,
-  c as formatPercentAmount,
-  d as percentTemplate,
-  g as percentageTemplate,
-  l as slippageTemplate
+  l as PERCENTAGE_FACTOR,
+  p as SLIPPAGE_DECIMALS,
+  T as formatMoney,
+  F as formatMoneyAmount,
+  m as formatPercentAmount,
+  g as percentTemplate,
+  A as percentageTemplate,
+  S as slippageTemplate
 };

package/dist/esm/utils/index.js

@@ -1,60 +1,82 @@
 import { generateId as o, useFormFieldIds as r } from "./a11y.js";
 import { bnToInputView as m } from "./bn-to-input-view.js";
-import { cn as i, cn as n } from "./cn.js";
-import { generateColorsFromBase as T, getCSSVariable as l, hexToRgba as s, resolveCSSColor as c } from "./colors.js";
-import { copyToClipboard as S } from "./copy.js";
-import { convertPercent as A, formatBytecodeSize as u, formatBytecodeVersion as C, formatTimestamp as d, shortenHash as h, significantTrunc as F } from "./format.js";
-import { formatAssetAmount as N } from "./format-asset-amount.js";
-import { PERCENTAGE_FACTOR as y, SLIPPAGE_DECIMALS as E, formatMoney as I, formatPercentAmount as L, percentTemplate as P, percentageTemplate as v, slippageTemplate as B } from "./format-money.js";
-import { FORMAT_CONSTANTS as O, formatNumberWithSuffix as R, formatPrice as V, getAdaptiveDecimals as _, isBelowDisplayThreshold as M, isEffectivelyZero as w, toSignificantDigits as z } from "./format-number.js";
-import { extractTextFromLabel as H, serializeValue as Z } from "./react.js";
-import { createTokenSearchFilter as j, searchInToken as q } from "./search-in-token.js";
-import { shortSHA as K } from "./short-sha.js";
-import { negativeTokenTemplate as U, tokenTemplate as X, tokenTemplateNumber as Y, tokenTemplateString as $ } from "./templates.js";
-import { TTL_CONSTANTS as te, getTTLZone as oe, ttlFromTimestamp as re, ttlLeft as ae } from "./ttl.js";
+import { bnToPrettyView as p } from "./bn-to-pretty-view.js";
+import { cn as i, cn as l } from "./cn.js";
+import { generateColorsFromBase as T, getCSSVariable as x, hexToRgba as c, resolveCSSColor as g } from "./colors.js";
+import { copyToClipboard as A } from "./copy.js";
+import { convertPercent as N, formatBytecodeSize as d, formatBytecodeVersion as h, formatTimestamp as C, shortenHash as I, significantTrunc as k } from "./format.js";
+import { formatAssetAmount as b } from "./format-asset-amount.js";
+import { PERCENTAGE_FACTOR as P, SLIPPAGE_DECIMALS as F, formatMoney as L, formatMoney as v, formatPercentAmount as B, percentTemplate as E, percentageTemplate as M, slippageTemplate as R } from "./format-money.js";
+import { FORMAT_CONSTANTS as D, formatNumberWithSuffix as O, formatPrice as _, getAdaptiveDecimals as z, isBelowDisplayThreshold as G, isEffectivelyZero as H, toSignificantDigits as W } from "./format-number.js";
+import { getAllNetworks as j, getNetworkByChainId as q, getNetworkConfig as J, getNetworkIcon as K } from "./network-icons.js";
+import { parseInputToBN as U } from "./parse-input-to-bn.js";
+import { pluralize as Y, selectPluralString as $ } from "./plural.js";
+import { getAvailableRanges as te } from "./ranges.js";
+import { extractTextFromLabel as re, serializeValue as ae } from "./react.js";
+import { searchInString as ne } from "./search.js";
+import { createTokenSearchFilter as fe, searchInToken as ie } from "./search-in-token.js";
+import { shortSHA as se } from "./short-sha.js";
+import { shortenString as xe } from "./shorten-string.js";
+import { negativeTokenTemplate as ge, tokenTemplate as Se, tokenTemplateNumber as Ae, tokenTemplateString as ue } from "./templates.js";
+import { TTL_CONSTANTS as de, getTTLZone as he, ttlFromTimestamp as Ce, ttlLeft as Ie, ttlLeftParsed as ke } from "./ttl.js";
+import { openInNewWindow as be } from "./window.js";
 export {
-  O as FORMAT_CONSTANTS,
-  y as PERCENTAGE_FACTOR,
-  E as SLIPPAGE_DECIMALS,
-  te as TTL_CONSTANTS,
+  D as FORMAT_CONSTANTS,
+  P as PERCENTAGE_FACTOR,
+  F as SLIPPAGE_DECIMALS,
+  de as TTL_CONSTANTS,
   m as bnToInputView,
+  p as bnToPrettyView,
   i as cn,
-  A as convertPercent,
-  S as copyToClipboard,
-  j as createTokenSearchFilter,
-  n as default,
-  H as extractTextFromLabel,
-  N as formatAssetAmount,
-  u as formatBytecodeSize,
-  C as formatBytecodeVersion,
-  I as formatMoney,
-  R as formatNumberWithSuffix,
-  L as formatPercentAmount,
-  V as formatPrice,
-  d as formatTimestamp,
+  N as convertPercent,
+  A as copyToClipboard,
+  fe as createTokenSearchFilter,
+  l as default,
+  re as extractTextFromLabel,
+  b as formatAssetAmount,
+  d as formatBytecodeSize,
+  h as formatBytecodeVersion,
+  L as formatMoney,
+  v as formatMoneyAmount,
+  O as formatNumberWithSuffix,
+  B as formatPercentAmount,
+  _ as formatPrice,
+  C as formatTimestamp,
   T as generateColorsFromBase,
   o as generateId,
-  _ as getAdaptiveDecimals,
-  l as getCSSVariable,
-  oe as getTTLZone,
-  s as hexToRgba,
-  M as isBelowDisplayThreshold,
-  w as isEffectivelyZero,
-  U as negativeTokenTemplate,
-  P as percentTemplate,
-  v as percentageTemplate,
-  c as resolveCSSColor,
-  q as searchInToken,
-  Z as serializeValue,
-  K as shortSHA,
-  h as shortenHash,
-  F as significantTrunc,
-  B as slippageTemplate,
-  z as toSignificantDigits,
-  X as tokenTemplate,
-  Y as tokenTemplateNumber,
-  $ as tokenTemplateString,
-  re as ttlFromTimestamp,
-  ae as ttlLeft,
+  z as getAdaptiveDecimals,
+  j as getAllNetworks,
+  te as getAvailableRanges,
+  x as getCSSVariable,
+  q as getNetworkByChainId,
+  J as getNetworkConfig,
+  K as getNetworkIcon,
+  he as getTTLZone,
+  c as hexToRgba,
+  G as isBelowDisplayThreshold,
+  H as isEffectivelyZero,
+  ge as negativeTokenTemplate,
+  be as openInNewWindow,
+  U as parseInputToBN,
+  E as percentTemplate,
+  M as percentageTemplate,
+  Y as pluralize,
+  g as resolveCSSColor,
+  ne as searchInString,
+  ie as searchInToken,
+  $ as selectPluralString,
+  ae as serializeValue,
+  se as shortSHA,
+  I as shortenHash,
+  xe as shortenString,
+  k as significantTrunc,
+  R as slippageTemplate,
+  W as toSignificantDigits,
+  Se as tokenTemplate,
+  Ae as tokenTemplateNumber,
+  ue as tokenTemplateString,
+  Ce as ttlFromTimestamp,
+  Ie as ttlLeft,
+  ke as ttlLeftParsed,
   r as useFormFieldIds
 };

package/dist/esm/utils/network-icons.js

@@ -0,0 +1,56 @@
+const i = {
+  Mainnet: {
+    name: "Ethereum",
+    icon: "/icons/networks/ethereum.svg",
+    chainId: 1
+  },
+  Arbitrum: {
+    name: "Arbitrum",
+    icon: "/icons/networks/arbitrum.svg",
+    chainId: 42161
+  },
+  Optimism: {
+    name: "Optimism",
+    icon: "/icons/networks/optimism.svg",
+    chainId: 10
+  },
+  Sonic: {
+    name: "Sonic",
+    icon: "/icons/networks/sonic.svg",
+    chainId: 146
+  },
+  Monad: {
+    name: "Monad",
+    icon: "/icons/networks/monad.svg",
+    chainId: 0
+    // TBD
+  },
+  AllNetworks: {
+    name: "All Networks",
+    icon: "/icons/networks/all.svg",
+    chainId: 0
+  }
+}, o = {
+  1: "Mainnet",
+  42161: "Arbitrum",
+  10: "Optimism",
+  146: "Sonic"
+};
+function t(n) {
+  return i[n]?.icon || "";
+}
+function e(n) {
+  return o[n];
+}
+function c(n) {
+  return i[n];
+}
+function r() {
+  return Object.values(i);
+}
+export {
+  r as getAllNetworks,
+  e as getNetworkByChainId,
+  c as getNetworkConfig,
+  t as getNetworkIcon
+};

package/dist/esm/utils/parse-input-to-bn.js

@@ -0,0 +1,20 @@
+function p(n, l, r = !1) {
+  if (n == null || n === "") return [0n, ""];
+  let t = n.replace(/,/g, ".");
+  const e = t.split(".");
+  if (e.length > 2 && (t = `${e[0]}.${e.slice(1).join("")}`), !(r ? /^-?[0-9]*\.?[0-9]*$/ : /^[0-9]*\.?[0-9]*$/).test(t))
+    return [null, null];
+  const [c, u = ""] = t.split("."), a = u.padEnd(l, "0").slice(0, l), o = `${c || "0"}${a}`;
+  try {
+    const s = BigInt(o);
+    return [
+      r && t.startsWith("-") ? -s : s,
+      t
+    ];
+  } catch {
+    return [null, null];
+  }
+}
+export {
+  p as parseInputToBN
+};

package/dist/esm/utils/plural.js

@@ -0,0 +1,11 @@
+function u(r, t) {
+  const n = r % 10, e = r % 100;
+  return n === 1 && e !== 11 ? t[0] : n >= 2 && n <= 4 && (e < 10 || e >= 20) ? t[1] : t[2];
+}
+function i(r, t, n) {
+  return r === 1 ? t : n ?? `${t}s`;
+}
+export {
+  i as pluralize,
+  u as selectPluralString
+};

package/dist/esm/utils/ranges.js

@@ -0,0 +1,24 @@
+function a(t) {
+  return {
+    from: t.from ?? t.start ?? 0,
+    to: t.to ?? t.end ?? 0
+  };
+}
+function s(t, e, c) {
+  return c.filter((o) => {
+    const { from: r, to: n } = a(o), m = Math.max(t, r), f = Math.min(e, n);
+    return m < f;
+  }).map((o) => {
+    const { from: r, to: n } = a(o);
+    return {
+      from: Math.max(t, r),
+      to: Math.min(e, n),
+      start: Math.max(t, r),
+      end: Math.min(e, n),
+      color: o.color
+    };
+  });
+}
+export {
+  s as getAvailableRanges
+};

package/dist/esm/utils/search.js

@@ -0,0 +1,6 @@
+function n(e, r) {
+  return e.toLowerCase().includes(r.toLowerCase());
+}
+export {
+  n as searchInString
+};

package/dist/esm/utils/shorten-string.js

@@ -0,0 +1,6 @@
+function r(n, e = 10) {
+  return n.length <= e ? n : `${n.slice(0, e)}...`;
+}
+export {
+  r as shortenString
+};

package/dist/esm/utils/ttl.js

@@ -17,7 +17,16 @@ function f(n, r = Date.now()) {
   const o = t - r;
   return i(o);
 }
-const N = {
+function s(n) {
+  if (!n) return;
+  const r = typeof n == "bigint" ? Number(n) : n;
+  if (r <= 0) return;
+  const t = r / 2592e6;
+  if (t > 3) return { months: Math.floor(t) };
+  const o = r / 864e5;
+  if (o >= 1) return { day: Math.floor(o) };
+}
+const c = {
   SECOND: 1e3,
   MINUTE: 6e4,
   HOUR: 36e5,
@@ -26,8 +35,9 @@ const N = {
   MONTH: 2592e6
 };
 export {
-  N as TTL_CONSTANTS,
+  c as TTL_CONSTANTS,
   u as getTTLZone,
   f as ttlFromTimestamp,
-  i as ttlLeft
+  i as ttlLeft,
+  s as ttlLeftParsed
 };

package/dist/esm/utils/window.js

@@ -0,0 +1,6 @@
+function e(n) {
+  window.open(n, "_blank", "noopener,noreferrer");
+}
+export {
+  e as openInNewWindow
+};