@mathscan/math-exercise-engine 1.1.7 → 1.1.8

package/dist/index.mjs

@@ -14237,6 +14237,29 @@ function useRotate(options) {
   const [rotation, setRotation] = useState(initialRotation);
   return { rotation, setRotation };
 }
+const REPEAT_DELAY_MS = 5e3;
+function useJiggle(isDragging) {
+  const [jiggling, setJiggling] = useState(true);
+  const [discovered, setDiscovered] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    if (isDragging && !discovered) {
+      setDiscovered(true);
+      if (timerRef.current) clearTimeout(timerRef.current);
+      setJiggling(false);
+    }
+  }, [isDragging, discovered]);
+  useEffect(() => () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+  }, []);
+  const onAnimationEnd = useCallback(() => {
+    setJiggling(false);
+    if (!discovered) {
+      timerRef.current = setTimeout(() => setJiggling(true), REPEAT_DELAY_MS);
+    }
+  }, [discovered]);
+  return { jiggling, onAnimationEnd };
+}
 const VW$2 = 320;
 const VH$2 = 44;
 const RULER_ASPECT_RATIO = VH$2 / VW$2;
@@ -14626,6 +14649,7 @@ const DraggableTool = ({
   const [isFlipped, setIsFlipped] = useState(false);
   const drag = useDrag({ initialPosition });
   const rotate = useRotate({ initialRotation });
+  const { jiggling, onAnimationEnd } = useJiggle(drag.isDragging);
   const dragRef = useRef(drag);
   const rotateRef = useRef(rotate);
   dragRef.current = drag;
@@ -14758,7 +14782,15 @@ const DraggableTool = ({
       onMouseMove: handleMouseMove,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsx("div", { style: { pointerEvents: "none", display: "block" }, children: /* @__PURE__ */ jsx(ToolContent, { type, width, imageSrc, flipped: isFlipped }) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: jiggling ? "tool-content-jiggle" : void 0,
+            onAnimationEnd,
+            style: { pointerEvents: "none", display: "block" },
+            children: /* @__PURE__ */ jsx(ToolContent, { type, width, imageSrc, flipped: isFlipped })
+          }
+        ),
         type === "set-square" && /* @__PURE__ */ jsx(
           "button",
           {