sales-frontend-debug 0.0.31 → 0.0.32

package/dist/index.js

@@ -225,9 +225,85 @@ var textareaStyle = {
 var FloatingButton = ({ onClick }) => {
   const [position, setPosition] = useState({ x: 0, y: 0 });
   const [isDragging, setIsDragging] = useState(false);
+  const [isVisible, setIsVisible] = useState(false);
+  const gestureStep = useRef(0);
+  const gestureTimeout = useRef(null);
+  const globalDragStart = useRef(null);
   const dragHappened = useRef(false);
   const dragStartPos = useRef({ x: 0, y: 0 });
   const elementStartPos = useRef({ x: 0, y: 0 });
+  const clickCount = useRef(0);
+  const clickTimeout = useRef(null);
+  useEffect(() => {
+    const handleGlobalMouseDown = (e) => {
+      globalDragStart.current = { x: e.clientX, y: e.clientY };
+    };
+    const handleGlobalMouseUp = (e) => {
+      if (!globalDragStart.current) {
+        return;
+      }
+      const dx = e.clientX - globalDragStart.current.x;
+      const dy = e.clientY - globalDragStart.current.y;
+      const absDx = Math.abs(dx);
+      const absDy = Math.abs(dy);
+      const THRESHOLD = 200;
+      if (dy > THRESHOLD && absDy > absDx) {
+        if (gestureStep.current === 0) {
+          gestureStep.current = 1;
+          if (gestureTimeout.current) {
+            clearTimeout(gestureTimeout.current);
+          }
+          gestureTimeout.current = setTimeout(() => {
+            gestureStep.current = 0;
+          }, 2e3);
+        }
+      } else if (dx > THRESHOLD && absDx > absDy) {
+        if (gestureStep.current === 1) {
+          setIsVisible((prev) => !prev);
+          gestureStep.current = 0;
+          if (gestureTimeout.current) {
+            clearTimeout(gestureTimeout.current);
+          }
+        } else {
+          gestureStep.current = 0;
+        }
+      } else ;
+      globalDragStart.current = null;
+    };
+    window.addEventListener("mousedown", handleGlobalMouseDown);
+    window.addEventListener("mouseup", handleGlobalMouseUp);
+    return () => {
+      window.removeEventListener("mousedown", handleGlobalMouseDown);
+      window.removeEventListener("mouseup", handleGlobalMouseUp);
+      if (gestureTimeout.current) {
+        clearTimeout(gestureTimeout.current);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const handleGlobalClick = () => {
+      clickCount.current += 1;
+      if (clickCount.current === 1) {
+        clickTimeout.current = setTimeout(() => {
+          clickCount.current = 0;
+        }, 3e3);
+      }
+      if (clickCount.current >= 10) {
+        setIsVisible((prev) => !prev);
+        clickCount.current = 0;
+        if (clickTimeout.current) {
+          clearTimeout(clickTimeout.current);
+        }
+      }
+    };
+    window.addEventListener("click", handleGlobalClick);
+    return () => {
+      window.removeEventListener("click", handleGlobalClick);
+      if (clickTimeout.current) {
+        clearTimeout(clickTimeout.current);
+      }
+    };
+  }, []);
   const handleMouseDown = (e) => {
     if (e.button !== 0) {
       return;
@@ -266,17 +342,11 @@ var FloatingButton = ({ onClick }) => {
   const buttonStyle = {
     ...debugFloatingButtonStyle,
     transform: `translate(${position.x}px, ${position.y}px)`,
-    cursor: isDragging ? "grabbing" : "grab"
+    cursor: isDragging ? "grabbing" : "grab",
+    display: isVisible ? "flex" : "none"
+    // Hide until activated
   };
-  return /* @__PURE__ */ React2.createElement(
-    "button",
-    {
-      style: buttonStyle,
-      onMouseDown: handleMouseDown,
-      onClick: handleClick
-    },
-    "DEBUG"
-  );
+  return /* @__PURE__ */ React2.createElement("button", { style: buttonStyle, onMouseDown: handleMouseDown, onClick: handleClick }, "DEBUG");
 };
 var floating_button_default = FloatingButton;
 var cookieClient = {