btc-wallet 0.5.56-beta → 0.5.57-beta

package/esm/index.js

@@ -4432,13 +4432,14 @@ function createFloatingButtonWithIframe({
     position: "fixed",
     bottom: `${bottom}px`,
     right: `${right}px`,
-    zIndex: "100000",
+    zIndex: "2147483647",
     width: "60px",
     height: "60px",
     cursor: "grab",
     transition: "transform 0.15s ease",
     userSelect: "none",
-    touchAction: "none"
+    touchAction: "none",
+    pointerEvents: "auto"
   });
   document.body.appendChild(button);
   updateIframePosition(iframe, right, bottom, windowWidth, windowHeight);
@@ -4448,17 +4449,21 @@ function createFloatingButtonWithIframe({
   let initialRight = 0;
   let initialBottom = 0;
   let dragStartTime = 0;
-  button.addEventListener("mousedown", (e) => {
+  const handleMouseDown = (e) => {
     startDrag(e.clientX, e.clientY);
     e.preventDefault();
-  });
-  button.addEventListener("touchstart", (e) => {
+    e.stopPropagation();
+  };
+  const handleTouchStart = (e) => {
     if (e.touches.length === 1) {
       const touch = e.touches[0];
       startDrag(touch.clientX, touch.clientY);
       e.preventDefault();
+      e.stopPropagation();
     }
-  });
+  };
+  button.addEventListener("mousedown", handleMouseDown, { capture: true });
+  button.addEventListener("touchstart", handleTouchStart, { capture: true });
   function startDrag(clientX, clientY) {
     isDragging = true;
     startX = clientX;
@@ -4469,18 +4474,23 @@ function createFloatingButtonWithIframe({
     button.style.cursor = "grabbing";
     button.style.transition = "none";
   }
-  document.addEventListener("mousemove", (e) => {
+  const handleMouseMove = (e) => {
     if (!isDragging)
       return;
     moveButton(e.clientX, e.clientY);
-  });
-  document.addEventListener("touchmove", (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  const handleTouchMove = (e) => {
     if (!isDragging || e.touches.length !== 1)
       return;
     const touch = e.touches[0];
     moveButton(touch.clientX, touch.clientY);
     e.preventDefault();
-  });
+    e.stopPropagation();
+  };
+  document.addEventListener("mousemove", handleMouseMove, { capture: true });
+  document.addEventListener("touchmove", handleTouchMove, { capture: true });
   function moveButton(clientX, clientY) {
     const deltaX = startX - clientX;
     const deltaY = startY - clientY;
@@ -4504,15 +4514,23 @@ function createFloatingButtonWithIframe({
     button.style.bottom = `${newBottom}px`;
     updateIframePosition(iframe, newRight, newBottom, windowWidth, windowHeight);
   }
-  document.addEventListener("mouseup", () => {
-    endDrag();
-  });
-  document.addEventListener("touchend", () => {
+  const handleMouseUp = (e) => {
+    if (isDragging) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
     endDrag();
-  });
-  document.addEventListener("touchcancel", () => {
+  };
+  const handleTouchEnd = (e) => {
+    if (isDragging) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
     endDrag();
-  });
+  };
+  document.addEventListener("mouseup", handleMouseUp, { capture: true });
+  document.addEventListener("touchend", handleTouchEnd, { capture: true });
+  document.addEventListener("touchcancel", handleTouchEnd, { capture: true });
   function endDrag() {
     if (!isDragging)
       return;
@@ -4562,11 +4580,12 @@ function createIframe({
     position: "fixed",
     bottom: "90px",
     right: "20px",
-    zIndex: "100000",
+    zIndex: "2147483646",
     boxShadow: "0 0 10px rgba(0, 0, 0, 0.1)",
     borderRadius: "10px",
     display: isVisible ? "block" : "none",
-    border: "none"
+    border: "none",
+    pointerEvents: "auto"
   }, iframeStyle));
   document.body.appendChild(iframe);
   return iframe;
@@ -5080,7 +5099,7 @@ function getGroup(state) {
 
 // src/index.ts
 var getVersion = () => {
-  return "0.5.56-beta";
+  return "0.5.57-beta";
 };
 if (typeof window !== "undefined") {
   window.__BTC_WALLET_VERSION = getVersion();