@gearbox-protocol/permissionless-ui 1.15.2 → 1.15.4

package/dist/esm/components/with-copy/with-copy.js

@@ -1,44 +1,67 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { Copy as h } from "lucide-react";
-import { useState as x } from "react";
-import { toast as r } from "sonner";
-import { cn as i } from "../../utils/cn.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Check as h, Copy as x } from "lucide-react";
+import { useState as C, useRef as b } from "react";
+import { cn as r } from "../../utils/cn.js";
+import "sonner";
 import "@gearbox-protocol/sdk";
-function F({
-  toCopy: s,
-  children: a,
-  onCopySuccess: t,
-  successMessage: c = "Copied to clipboard",
-  iconSize: l = 14,
-  icon: n,
-  className: p,
-  buttonClassName: m
+function T({
+  toCopy: n,
+  children: c,
+  onCopySuccess: l,
+  iconSize: t = 14,
+  icon: p,
+  className: m,
+  buttonClassName: u,
+  successDuration: f = 1500
 }) {
-  const [d, e] = x(!1), f = async () => {
+  const [i, o] = C(!1), s = b(null), y = async () => {
     try {
-      await navigator.clipboard.writeText(s), e(!0), setTimeout(() => e(!1), 150), t ? t() : r.success(c);
-    } catch (y) {
-      console.error("Failed to copy:", y), r.error("Failed to copy");
+      await navigator.clipboard.writeText(n), s.current && clearTimeout(s.current), o(!0), s.current = setTimeout(() => {
+        o(!1);
+      }, f), l?.();
+    } catch (d) {
+      console.error("Failed to copy:", d);
     }
   };
-  return /* @__PURE__ */ u("div", { className: i("flex items-center", p), children: [
-    a,
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ a("div", { className: r("flex items-center min-w-0", m), children: [
+    /* @__PURE__ */ e("span", { className: "truncate", children: c }),
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: f,
-        className: i(
-          "ml-1 text-gray-400 cursor-pointer hover:text-white transition-all",
-          d ? "scale-75" : "scale-100",
-          m
+        onClick: y,
+        className: r(
+          "ml-1 cursor-pointer relative flex-shrink-0",
+          u
         ),
-        title: "Copy to clipboard",
-        children: n ?? /* @__PURE__ */ o(h, { size: l })
+        style: { width: t, height: t },
+        title: i ? "Copied!" : "Copy to clipboard",
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: r(
+                "absolute inset-0 flex items-center justify-center transition-all duration-200",
+                i ? "opacity-100 scale-100 text-green-500" : "opacity-0 scale-50 text-green-500"
+              ),
+              children: /* @__PURE__ */ e(h, { size: t })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: r(
+                "absolute inset-0 flex items-center justify-center transition-all duration-200",
+                i ? "opacity-0 scale-50" : "opacity-100 scale-100 text-gray-400 hover:text-white"
+              ),
+              children: p ?? /* @__PURE__ */ e(x, { size: t })
+            }
+          )
+        ]
       }
     )
   ] });
 }
 export {
-  F as WithCopy
+  T as WithCopy
 };