btc-wallet 0.5.57-beta → 0.5.59-beta

package/esm/index.js

@@ -4391,7 +4391,7 @@ function setupWalletButton({
   }
   const iframe = createIframe({
     iframeUrl: walletUrl || walletConfig[env].walletUrl,
-    iframeStyle: { width: "400px", height: "650px" }
+    iframeStyle: isMobile() ? { width: "calc(100% - 40px)", height: "80%" } : { width: "400px", height: "650px" }
   });
   iframe.addEventListener("mouseenter", () => {
     var _a;
@@ -4432,15 +4432,20 @@ function createFloatingButtonWithIframe({
     position: "fixed",
     bottom: `${bottom}px`,
     right: `${right}px`,
-    zIndex: "2147483647",
+    zIndex: "100000",
     width: "60px",
     height: "60px",
     cursor: "grab",
     transition: "transform 0.15s ease",
     userSelect: "none",
-    touchAction: "none",
-    pointerEvents: "auto"
+    touchAction: "none"
   });
+  if (isMobile()) {
+    Object.assign(button.style, {
+      width: "40px",
+      height: "40px"
+    });
+  }
   document.body.appendChild(button);
   updateIframePosition(iframe, right, bottom, windowWidth, windowHeight);
   let isDragging = false;
@@ -4449,21 +4454,6 @@ function createFloatingButtonWithIframe({
   let initialRight = 0;
   let initialBottom = 0;
   let dragStartTime = 0;
-  const handleMouseDown = (e) => {
-    startDrag(e.clientX, e.clientY);
-    e.preventDefault();
-    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;
@@ -4474,23 +4464,75 @@ function createFloatingButtonWithIframe({
     button.style.cursor = "grabbing";
     button.style.transition = "none";
   }
-  const handleMouseMove = (e) => {
-    if (!isDragging)
-      return;
-    moveButton(e.clientX, e.clientY);
-    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 toggleWallet() {
+    const isCurrentlyVisible = iframe.style.display === "block";
+    button.style.transform = "scale(0.8)";
+    setTimeout(() => {
+      button.style.transform = "scale(1)";
+    }, 150);
+    const newVisibleState = !isCurrentlyVisible;
+    iframe.style.display = newVisibleState ? "block" : "none";
+    button.src = newVisibleState ? closeImageUrl : openImageUrl;
+    storage4 == null ? void 0 : storage4.set("visible", newVisibleState);
+    setTimeout(() => {
+      if (newVisibleState) {
+        iframe.focus();
+      }
+    }, 0);
+  }
+  button.addEventListener(
+    "click",
+    (e) => {
+      if (!isDragging) {
+        toggleWallet();
+      }
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    { capture: true }
+  );
+  button.addEventListener(
+    "mousedown",
+    (e) => {
+      startDrag(e.clientX, e.clientY);
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    { capture: true }
+  );
+  button.addEventListener(
+    "touchstart",
+    (e) => {
+      if (e.touches.length === 1) {
+        const touch = e.touches[0];
+        startDrag(touch.clientX, touch.clientY);
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    },
+    { capture: true }
+  );
+  document.addEventListener(
+    "mousemove",
+    (e) => {
+      if (!isDragging)
+        return;
+      moveButton(e.clientX, e.clientY);
+      e.preventDefault();
+    },
+    { capture: true }
+  );
+  document.addEventListener(
+    "touchmove",
+    (e) => {
+      if (!isDragging || e.touches.length !== 1)
+        return;
+      const touch = e.touches[0];
+      moveButton(touch.clientX, touch.clientY);
+      e.preventDefault();
+    },
+    { capture: true }
+  );
   function moveButton(clientX, clientY) {
     const deltaX = startX - clientX;
     const deltaY = startY - clientY;
@@ -4514,28 +4556,43 @@ function createFloatingButtonWithIframe({
     button.style.bottom = `${newBottom}px`;
     updateIframePosition(iframe, newRight, newBottom, windowWidth, windowHeight);
   }
-  const handleMouseUp = (e) => {
-    if (isDragging) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-    endDrag();
-  };
-  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 });
+  document.addEventListener(
+    "mouseup",
+    (e) => {
+      if (isDragging) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      endDrag();
+    },
+    { capture: true }
+  );
+  document.addEventListener(
+    "touchend",
+    (e) => {
+      if (isDragging) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      endDrag();
+      const dragEndTime = Date.now();
+      const dragDuration = dragEndTime - dragStartTime;
+      if (dragDuration < 200 && Math.abs(parseInt(button.style.right) - initialRight) < 5 && Math.abs(parseInt(button.style.bottom) - initialBottom) < 5) {
+        toggleWallet();
+      }
+    },
+    { capture: true }
+  );
+  document.addEventListener(
+    "touchcancel",
+    () => {
+      endDrag();
+    },
+    { 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";
@@ -4543,25 +4600,8 @@ function createFloatingButtonWithIframe({
       right: button.style.right,
       bottom: button.style.bottom
     });
-    if (!isDragEvent) {
-      handleButtonClick();
-    }
   }
   const handleButtonClick = () => {
-    const isCurrentlyVisible = iframe.style.display === "block";
-    button.style.transform = "scale(0.8)";
-    setTimeout(() => {
-      button.style.transform = "scale(1)";
-    }, 150);
-    const newVisibleState = !isCurrentlyVisible;
-    iframe.style.display = newVisibleState ? "block" : "none";
-    button.src = newVisibleState ? closeImageUrl : openImageUrl;
-    storage4 == null ? void 0 : storage4.set("visible", newVisibleState);
-    setTimeout(() => {
-      if (newVisibleState) {
-        iframe.focus();
-      }
-    }, 0);
   };
   button.onclick = null;
   return button;
@@ -4580,12 +4620,11 @@ function createIframe({
     position: "fixed",
     bottom: "90px",
     right: "20px",
-    zIndex: "2147483646",
+    zIndex: "100000",
     boxShadow: "0 0 10px rgba(0, 0, 0, 0.1)",
     borderRadius: "10px",
     display: isVisible ? "block" : "none",
-    border: "none",
-    pointerEvents: "auto"
+    border: "none"
   }, iframeStyle));
   document.body.appendChild(iframe);
   return iframe;
@@ -5099,7 +5138,7 @@ function getGroup(state) {
 
 // src/index.ts
 var getVersion = () => {
-  return "0.5.57-beta";
+  return "0.5.59-beta";
 };
 if (typeof window !== "undefined") {
   window.__BTC_WALLET_VERSION = getVersion();