@gearbox-protocol/permissionless-ui 1.22.0-next.7 → 1.22.0-next.9

package/dist/esm/components/layout/app-logo/app-logo.js

@@ -1,11 +1,12 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { Image as r } from "../../image/image.js";
 import { cn as o } from "../../../utils/cn.js";
-function d({
-  appName: a,
+import { getStatic as l } from "../../../utils/static.js";
+function p({
+  appName: m,
   size: t = "default"
 }) {
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o(
@@ -16,7 +17,7 @@ function d({
         /* @__PURE__ */ e(
           r,
           {
-            src: "https://static.gearbox.fi/logo/logo_monochrome_white@2x.png",
+            src: l("/logo/logo_monochrome_white@2x.png"),
             alt: "Gearbox Protocol",
             width: t === "default" ? 120 : 100,
             height: t === "default" ? 24 : 20,
@@ -27,11 +28,11 @@ function d({
             )
           }
         ),
-        /* @__PURE__ */ e("span", { className: "text-muted-foreground whitespace-nowrap", children: a })
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground whitespace-nowrap", children: m })
       ]
     }
   );
 }
 export {
-  d as AppLogo
+  p as AppLogo
 };

package/dist/esm/components/points-icon/points-icon.js

@@ -1,37 +1,38 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import * as p from "react";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-const l = "https://static.gearbox.fi", h = p.forwardRef(
+import { STATIC_SERVER as l } from "../../utils/static.js";
+const h = p.forwardRef(
   ({
-    reward: o,
-    size: t = 24,
-    staticBaseUrl: i = l,
-    rounded: r = !1,
-    className: n,
-    style: s,
-    ...a
-  }, c) => {
-    const e = `${i}/points/${o.type.toLowerCase()}.svg`;
+    reward: t,
+    size: o = 24,
+    staticBaseUrl: r = l,
+    rounded: i = !1,
+    className: m,
+    style: n,
+    ...e
+  }, s) => {
+    const a = `${r}/points/${t.type.toLowerCase()}.svg`;
     return (
       // biome-ignore lint/performance/noImgElement: External SVG icons from CDN
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ c(
         "img",
         {
-          ref: c,
-          src: e,
-          alt: o.name,
-          width: t,
-          height: t,
-          className: f(r && "rounded-full", n),
+          ref: s,
+          src: a,
+          alt: t.name,
+          width: o,
+          height: o,
+          className: f(i && "rounded-full", m),
           style: {
-            width: t,
-            height: t,
+            width: o,
+            height: o,
             objectFit: "contain",
-            ...s
+            ...n
           },
-          ...a
+          ...e
         }
       )
     );

package/dist/esm/components/rounded-image/rounded-image.js

@@ -1,32 +1,58 @@
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-import { cn as i } from "../../utils/cn.js";
+import { jsx as I } from "react/jsx-runtime";
+import L, { useState as o, useRef as b } from "react";
+import { cn as k } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-function p({
-  className: t,
-  size: o,
-  style: r,
-  ...m
-}) {
-  return (
-    // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
-    /* @__PURE__ */ e(
-      "img",
-      {
-        alt: "",
-        className: i("rounded-full object-cover", t),
-        style: {
-          ...o ? { width: o, height: o } : {},
-          ...r
-        },
-        loading: "lazy",
-        decoding: "async",
-        ...m
-      }
-    )
-  );
+import { getStatic as v } from "../../utils/static.js";
+const a = v("/tokens/default.svg"), n = /* @__PURE__ */ new Map();
+function w(e) {
+  return n.get(e) ? a : e;
 }
+const E = L.forwardRef(
+  ({
+    className: e,
+    size: r,
+    rounded: d,
+    style: s,
+    src: c,
+    defaultIcon: l = a,
+    ...i
+  }, f) => {
+    const [u, g] = o(void 0), [m, p] = o(!1), t = b(!1), h = (R) => {
+      t.current || (t.current = !0, n.set(R.currentTarget.src, !0), g(l));
+    }, y = () => {
+      p(!0);
+    };
+    return (
+      // biome-ignore lint/performance/noImgElement: Universal component that works outside Next.js
+      /* @__PURE__ */ I(
+        "img",
+        {
+          ref: f,
+          src: u || w(c),
+          alt: "",
+          className: k(
+            "object-cover",
+            d && "rounded-full",
+            !m && "bg-gray-90 dark:bg-gray-110 rounded-full",
+            e
+          ),
+          style: {
+            width: r,
+            height: r,
+            ...s
+          },
+          loading: "lazy",
+          decoding: "async",
+          onError: h,
+          onLoad: y,
+          ...i
+        }
+      )
+    );
+  }
+);
+E.displayName = "RoundedImage";
 export {
-  p as RoundedImage
+  E as RoundedImage
 };

package/dist/esm/components/token-icon/token-icon.js

@@ -1,15 +1,16 @@
 import { jsx as p } from "react/jsx-runtime";
-import { useState as s, useRef as h } from "react";
-import { cn as m } from "../../utils/cn.js";
+import { useState as s, useRef as m } from "react";
+import { cn as h } from "../../utils/cn.js";
+import { getStatic as w } from "../../utils/static.js";
 const a = "https://static.gearbox.fi/tokens/default.svg", i = /* @__PURE__ */ new Set();
-function w(t) {
-  const e = t.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase();
+function k(r) {
+  const e = r.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase();
   if (!e) return a;
-  const r = `https://static.gearbox.fi/tokens/${e}.svg`;
-  return i.has(r) ? a : r;
+  const t = `https://static.gearbox.fi/tokens/${e}.svg`;
+  return i.has(t) ? a : t;
 }
-function I({ symbol: t, size: e = 48, className: r }) {
-  const n = w(t), [o, l] = s(n), [f, d] = s(!1), c = h(!1), u = () => {
+function x({ symbol: r, size: e = 48, className: t }) {
+  const n = k(r), [o, l] = s(n), [f, d] = s(!1), c = m(!1), u = () => {
     c.current || (c.current = !0, i.add(o), l(a));
   }, g = () => {
     d(!0);
@@ -23,10 +24,10 @@ function I({ symbol: t, size: e = 48, className: r }) {
         alt: "",
         width: e,
         height: e,
-        className: m(
+        className: h(
           "object-contain",
           !f && "bg-gray-200 dark:bg-gray-700 rounded-full",
-          r
+          t
         ),
         style: { width: e, height: e },
         onError: u,
@@ -35,13 +36,13 @@ function I({ symbol: t, size: e = 48, className: r }) {
     )
   );
 }
-function x(t) {
-  t.forEach((e) => {
-    const n = `https://static.gearbox.fi/tokens/${e.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase()}.svg`, o = new window.Image();
+function C(r) {
+  r.forEach((e) => {
+    const t = e.replace("/", "").replace(" ", "").replace("-f", "").replace("-", "_").toLowerCase(), n = w(`/tokens/${t}.svg`), o = new window.Image();
     o.src = n;
   });
 }
 export {
-  I as TokenIcon,
-  x as preloadTokenIcons
+  x as TokenIcon,
+  C as preloadTokenIcons
 };