@micromag/element-call-to-action 0.3.161 → 0.3.166

package/es/index.js

@@ -172,30 +172,32 @@ function CallToAction(_ref) {
     if (trackEvent !== null) {
       trackEvent('call_to_action', isString(action) ? action : 'click', url);
     }
-  }, [url, onClick, trackEvent, inWebView]);
-  var bind = useGesture({
-    onDrag: function onDrag(_ref5) {
-      var event = _ref5.event;
-      // fix firefox https://use-gesture.netlify.app/docs/faq/#why-cant-i-properly-drag-an-image-or-a-link
-      event.preventDefault();
-    },
-    onDragEnd: function onDragEnd(_ref6) {
-      var _ref6$movement = _slicedToArray(_ref6.movement, 2),
-          my = _ref6$movement[1];
-
-      if (my < -dragAmount) {
-        if (inWebView) {
-          onClickLink(null, 'swipe');
-        } else if (isIos() && selfTargetLinkRef.current !== null) {
-          selfTargetLinkRef.current.click();
-          setLeaving(true);
-          onClickLink(null, 'swipe');
-        } else if (buttonRef.current) {
-          buttonRef.current.click();
-          onClickLink(null, 'swipe');
-        }
+  }, [url, onClick, trackEvent, inWebView, openWebView]);
+  var onDrag = useCallback(function (_ref5) {
+    var event = _ref5.event;
+    // fix firefox https://use-gesture.netlify.app/docs/faq/#why-cant-i-properly-drag-an-image-or-a-link
+    event.preventDefault();
+  }, []);
+  var onDragEnd = useCallback(function (_ref6) {
+    var _ref6$movement = _slicedToArray(_ref6.movement, 2),
+        my = _ref6$movement[1];
+
+    if (my < -dragAmount) {
+      if (inWebView) {
+        onClickLink(null, 'swipe');
+      } else if (isIos() && selfTargetLinkRef.current !== null) {
+        selfTargetLinkRef.current.click();
+        setLeaving(true);
+        onClickLink(null, 'swipe');
+      } else if (buttonRef.current) {
+        buttonRef.current.click();
+        onClickLink(null, 'swipe');
       }
     }
+  }, [dragAmount, inWebView, onClickLink, setLeaving]);
+  var bind = useGesture({
+    onDrag: onDrag,
+    onDragEnd: onDragEnd
   });
   useEffect(function () {
     var onPageHide = function onPageHide() {

package/lib/index.js

@@ -186,30 +186,32 @@ function CallToAction(_ref) {
     if (trackEvent !== null) {
       trackEvent('call_to_action', isString__default["default"](action) ? action : 'click', url);
     }
-  }, [url, onClick, trackEvent, inWebView]);
-  var bind = react.useGesture({
-    onDrag: function onDrag(_ref5) {
-      var event = _ref5.event;
-      // fix firefox https://use-gesture.netlify.app/docs/faq/#why-cant-i-properly-drag-an-image-or-a-link
-      event.preventDefault();
-    },
-    onDragEnd: function onDragEnd(_ref6) {
-      var _ref6$movement = _slicedToArray__default["default"](_ref6.movement, 2),
-          my = _ref6$movement[1];
+  }, [url, onClick, trackEvent, inWebView, openWebView]);
+  var onDrag = React.useCallback(function (_ref5) {
+    var event = _ref5.event;
+    // fix firefox https://use-gesture.netlify.app/docs/faq/#why-cant-i-properly-drag-an-image-or-a-link
+    event.preventDefault();
+  }, []);
+  var onDragEnd = React.useCallback(function (_ref6) {
+    var _ref6$movement = _slicedToArray__default["default"](_ref6.movement, 2),
+        my = _ref6$movement[1];
 
-      if (my < -dragAmount) {
-        if (inWebView) {
-          onClickLink(null, 'swipe');
-        } else if (utils.isIos() && selfTargetLinkRef.current !== null) {
-          selfTargetLinkRef.current.click();
-          setLeaving(true);
-          onClickLink(null, 'swipe');
-        } else if (buttonRef.current) {
-          buttonRef.current.click();
-          onClickLink(null, 'swipe');
-        }
+    if (my < -dragAmount) {
+      if (inWebView) {
+        onClickLink(null, 'swipe');
+      } else if (utils.isIos() && selfTargetLinkRef.current !== null) {
+        selfTargetLinkRef.current.click();
+        setLeaving(true);
+        onClickLink(null, 'swipe');
+      } else if (buttonRef.current) {
+        buttonRef.current.click();
+        onClickLink(null, 'swipe');
       }
     }
+  }, [dragAmount, inWebView, onClickLink, setLeaving]);
+  var bind = react.useGesture({
+    onDrag: onDrag,
+    onDragEnd: onDragEnd
   });
   React.useEffect(function () {
     var onPageHide = function onPageHide() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-call-to-action",
-    "version": "0.3.161",
+    "version": "0.3.166",
     "description": "",
     "keywords": [
         "javascript"
@@ -52,10 +52,10 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.161",
-        "@micromag/element-button": "^0.3.161",
-        "@micromag/element-text": "^0.3.161",
-        "@micromag/element-webview": "^0.3.161",
+        "@micromag/core": "^0.3.166",
+        "@micromag/element-button": "^0.3.166",
+        "@micromag/element-text": "^0.3.166",
+        "@micromag/element-webview": "^0.3.166",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
         "@use-gesture/react": "^10.2.4",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "badf4dd6125aa3169f3d01afc712be5b8181d898"
+    "gitHead": "8e9777e36990e941b73a3cdb989e31872981de74"
 }