@micromag/screen-urbania-article 0.3.246 → 0.3.250

package/es/index.js

@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { getJSON } from '@folklore/fetch';
 import PropTypes from 'prop-types';
-import React, { useMemo, useCallback, useState, useEffect } from 'react';
+import React, { useMemo, useState, useCallback, useEffect } from 'react';
 import { isTextFilled, getStyleFromColor } from '@micromag/core/utils';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
@@ -178,6 +178,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
       backgroundColor = _ref2$color === void 0 ? null : _ref2$color;
 
   var _useViewerWebView = useViewerWebView(),
+      openedWebView = _useViewerWebView.opened,
       openWebView = _useViewerWebView.open;
 
   var _useViewerContext = useViewerContext(),
@@ -231,14 +232,29 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
       url = _ref5$url === void 0 ? null : _ref5$url;
 
   var hasImage = url !== null;
-  var backgroundPlaying = current && (isView || isEdit);
   var mediaShouldLoad = current || active;
-  var hasCallToAction = callToAction !== null && callToAction.active === true;
+  var hasCallToAction = callToAction !== null && callToAction.active === true; // const backgroundPlaying = current && (isView || isEdit);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      backgroundPlaying = _useState2[0],
+      setBackgroundPlaying = _useState2[1];
+
   var playIfCurrent = useCallback(function () {
-    if (current && !playing) {
+    if (current && !openedWebView && !playing) {
       setPlaying(true);
+    } else {
+      setPlaying(false);
+    }
+  }, [current, openedWebView, playing, setPlaying]); // TODO: link playIfCurrent and backgroundPlaying
+
+  useEffect(function () {
+    if (!current) {
+      setBackgroundPlaying(false);
+    } else if (current && (isView || isEdit)) {
+      setBackgroundPlaying(!openedWebView);
     }
-  }, [current, playing, setPlaying]);
+  }, [current, isView, isEdit, openedWebView, setBackgroundPlaying]);
   useDebounce(playIfCurrent, current, 500);
 
   var _ref6 = background || {},

package/lib/index.js

@@ -199,6 +199,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
       backgroundColor = _ref2$color === void 0 ? null : _ref2$color;
 
   var _useViewerWebView = contexts.useViewerWebView(),
+      openedWebView = _useViewerWebView.opened,
       openWebView = _useViewerWebView.open;
 
   var _useViewerContext = contexts.useViewerContext(),
@@ -252,14 +253,29 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
       url = _ref5$url === void 0 ? null : _ref5$url;
 
   var hasImage = url !== null;
-  var backgroundPlaying = current && (isView || isEdit);
   var mediaShouldLoad = current || active;
-  var hasCallToAction = callToAction !== null && callToAction.active === true;
+  var hasCallToAction = callToAction !== null && callToAction.active === true; // const backgroundPlaying = current && (isView || isEdit);
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      backgroundPlaying = _useState2[0],
+      setBackgroundPlaying = _useState2[1];
+
   var playIfCurrent = React.useCallback(function () {
-    if (current && !playing) {
+    if (current && !openedWebView && !playing) {
       setPlaying(true);
+    } else {
+      setPlaying(false);
+    }
+  }, [current, openedWebView, playing, setPlaying]); // TODO: link playIfCurrent and backgroundPlaying
+
+  React.useEffect(function () {
+    if (!current) {
+      setBackgroundPlaying(false);
+    } else if (current && (isView || isEdit)) {
+      setBackgroundPlaying(!openedWebView);
     }
-  }, [current, playing, setPlaying]);
+  }, [current, isView, isEdit, openedWebView, setBackgroundPlaying]);
   hooks.useDebounce(playIfCurrent, current, 500);
 
   var _ref6 = background || {},

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-article",
-    "version": "0.3.246",
+    "version": "0.3.250",
     "description": "",
     "keywords": [
         "javascript"
@@ -53,7 +53,7 @@
         "@folklore/size": "^0.1.20",
         "@micromag/core": "^0.3.246",
         "@micromag/element-background": "^0.3.246",
-        "@micromag/element-call-to-action": "^0.3.246",
+        "@micromag/element-call-to-action": "^0.3.250",
         "@micromag/element-closed-captions": "^0.3.246",
         "@micromag/element-container": "^0.3.246",
         "@micromag/element-heading": "^0.3.246",
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "473a4ad55684e54d3f1e62e760792ed6e003f8e7"
+    "gitHead": "f0c7716e6a78f4c0025594b668e669f0baf5286d"
 }