btc-wallet 0.5.56-beta → 0.5.58-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);
@@ -4447,40 +4448,71 @@ function createFloatingButtonWithIframe({
   let startY = 0;
   let initialRight = 0;
   let initialBottom = 0;
-  let dragStartTime = 0;
-  button.addEventListener("mousedown", (e) => {
+  let isLongPress = false;
+  button.addEventListener(
+    "click",
+    (e) => {
+      if (isLongPress) {
+        isLongPress = false;
+        return;
+      }
+      handleButtonClick();
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    { capture: true }
+  );
+  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;
     startY = clientY;
     initialRight = parseInt(button.style.right);
     initialBottom = parseInt(button.style.bottom);
-    dragStartTime = Date.now();
     button.style.cursor = "grabbing";
     button.style.transition = "none";
   }
-  document.addEventListener("mousemove", (e) => {
+  const handleMouseMove = (e) => {
     if (!isDragging)
       return;
+    const deltaX = Math.abs(startX - e.clientX);
+    const deltaY = Math.abs(startY - e.clientY);
+    if (deltaX > 5 || deltaY > 5) {
+      isLongPress = true;
+    }
     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];
+    const deltaX = Math.abs(startX - touch.clientX);
+    const deltaY = Math.abs(startY - touch.clientY);
+    if (deltaX > 5 || deltaY > 5) {
+      isLongPress = true;
+    }
     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,20 +4536,26 @@ 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;
-    const dragEndTime = Date.now();
-    const isDragEvent = dragEndTime - dragStartTime > 200;
     isDragging = false;
     button.style.cursor = "grab";
     button.style.transition = "transform 0.15s ease";
@@ -4525,9 +4563,6 @@ function createFloatingButtonWithIframe({
       right: button.style.right,
       bottom: button.style.bottom
     });
-    if (!isDragEvent) {
-      handleButtonClick();
-    }
   }
   const handleButtonClick = () => {
     const isCurrentlyVisible = iframe.style.display === "block";
@@ -4562,11 +4597,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 +5116,7 @@ function getGroup(state) {
 
 // src/index.ts
 var getVersion = () => {
-  return "0.5.56-beta";
+  return "0.5.58-beta";
 };
 if (typeof window !== "undefined") {
   window.__BTC_WALLET_VERSION = getVersion();