@micromag/core 0.3.796 → 0.3.800

package/es/components.js

@@ -2804,7 +2804,7 @@ var visualElement = PropTypes.shape({
   media: imageMedia
 });
 PropTypes.arrayOf(visualElement);
-PropTypes.shape({
+var audioElement = PropTypes.shape({
   media: audioMedia,
   autoPlay: PropTypes.bool,
   loop: PropTypes.bool,
@@ -2907,6 +2907,9 @@ PropTypes.shape({
   textStyle: textStyle,
   messages: conversationMessages
 });
+PropTypes.shape({
+  audio: audioElement
+});
 
 /**
  * Definitions

package/es/contexts.js

@@ -1145,19 +1145,45 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     media = _usePlaybackContext.media;
   var mediaRef = useRef(null);
   useEffect(function () {
-    if (!active) {
-      if (mediaRef.current === media) {
+    return function () {
+      if (active) {
         setMedia(null);
         setIsBackground(false);
       }
-      return function () {};
+    };
+  }, [active]);
+  useEffect(function () {
+    if (!active || mediaRef.current === null || media !== null) {
+      return;
     }
     setIsBackground(background);
-    if (mediaRef.current !== null && media === null) {
-      setMedia(mediaRef.current);
-    }
-    return function () {};
-  }, [setMedia, setIsBackground, active, background, media]);
+    setMedia(mediaRef.current);
+  }, [active, background, media]);
+
+  // const shouldSetMedia = active && media === null && mediaRef.current !== null;
+  // useEffect(
+  //     () => () => {
+  //         if (active) {
+  //             console.log('DESTROY unset media');
+  //             setMedia(null);
+  //             setIsBackground(false);
+  //         }
+  //     },
+  //     [active],
+  // );
+
+  // useEffect(() => {
+  //     if (active && mediaRef.current !== null && media === null) {
+  //         console.log('SET media');
+  //         setIsBackground(background);
+  //         setMedia(mediaRef.current);
+  //     } else if (!active && mediaRef.current === media && media !== null) {
+  //         console.log('Unset media');
+  //         setMedia(null);
+  //         setIsBackground(false);
+  //     }
+  // }, [active, background, media]);
+
   return {
     ref: mediaRef,
     isCurrent: mediaRef.current === media

package/es/index.js

@@ -392,6 +392,9 @@ var conversation = PropTypes$1.shape({
   textStyle: textStyle,
   messages: conversationMessages
 });
+var alternatives = PropTypes$1.shape({
+  audio: audioElement
+});
 
 /**
  * Definitions
@@ -635,6 +638,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     activeForm: activeForm,
     adFormat: adFormat,
     adFormats: adFormats,
+    alternatives: alternatives,
     answer: answer,
     answerShape: answerShape,
     answers: answers,

package/lib/components.js

@@ -2806,7 +2806,7 @@ var visualElement = PropTypes.shape({
   media: imageMedia
 });
 PropTypes.arrayOf(visualElement);
-PropTypes.shape({
+var audioElement = PropTypes.shape({
   media: audioMedia,
   autoPlay: PropTypes.bool,
   loop: PropTypes.bool,
@@ -2909,6 +2909,9 @@ PropTypes.shape({
   textStyle: textStyle,
   messages: conversationMessages
 });
+PropTypes.shape({
+  audio: audioElement
+});
 
 /**
  * Definitions

package/lib/contexts.js

@@ -1145,19 +1145,45 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     media = _usePlaybackContext.media;
   var mediaRef = React.useRef(null);
   React.useEffect(function () {
-    if (!active) {
-      if (mediaRef.current === media) {
+    return function () {
+      if (active) {
         setMedia(null);
         setIsBackground(false);
       }
-      return function () {};
+    };
+  }, [active]);
+  React.useEffect(function () {
+    if (!active || mediaRef.current === null || media !== null) {
+      return;
     }
     setIsBackground(background);
-    if (mediaRef.current !== null && media === null) {
-      setMedia(mediaRef.current);
-    }
-    return function () {};
-  }, [setMedia, setIsBackground, active, background, media]);
+    setMedia(mediaRef.current);
+  }, [active, background, media]);
+
+  // const shouldSetMedia = active && media === null && mediaRef.current !== null;
+  // useEffect(
+  //     () => () => {
+  //         if (active) {
+  //             console.log('DESTROY unset media');
+  //             setMedia(null);
+  //             setIsBackground(false);
+  //         }
+  //     },
+  //     [active],
+  // );
+
+  // useEffect(() => {
+  //     if (active && mediaRef.current !== null && media === null) {
+  //         console.log('SET media');
+  //         setIsBackground(background);
+  //         setMedia(mediaRef.current);
+  //     } else if (!active && mediaRef.current === media && media !== null) {
+  //         console.log('Unset media');
+  //         setMedia(null);
+  //         setIsBackground(false);
+  //     }
+  // }, [active, background, media]);
+
   return {
     ref: mediaRef,
     isCurrent: mediaRef.current === media

package/lib/index.js

@@ -394,6 +394,9 @@ var conversation = PropTypes$1.shape({
   textStyle: textStyle,
   messages: conversationMessages
 });
+var alternatives = PropTypes$1.shape({
+  audio: audioElement
+});
 
 /**
  * Definitions
@@ -637,6 +640,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     activeForm: activeForm,
     adFormat: adFormat,
     adFormats: adFormats,
+    alternatives: alternatives,
     answer: answer,
     answerShape: answerShape,
     answers: answers,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.796",
+    "version": "0.3.800",
     "private": false,
     "description": "",
     "keywords": [
@@ -167,5 +167,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d3bf71e5a23e09d0cd26f543fb1327ff7eb27983"
+    "gitHead": "7978db805ef7ced6123012130e2339b3ce8d36ed"
 }