@micromag/screen-conversation 0.2.407 → 0.2.408

package/es/index.js

@@ -2,21 +2,21 @@ import { FormattedMessage, defineMessage } from 'react-intl';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import PropTypes$1 from 'prop-types';
-import classNames from 'classnames';
-import { v1 } from 'uuid';
+import { PropTypes } from '@micromag/core';
+import { ScreenElement, Transitions } from '@micromag/core/components';
 import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
 import { useTrackScreenEvent, useResizeObserver } from '@micromag/core/hooks';
-import { ScreenElement, Transitions } from '@micromag/core/components';
+import { getStyleFromColor, isTextFilled } from '@micromag/core/utils';
 import Background from '@micromag/element-background';
+import CallToAction from '@micromag/element-call-to-action';
 import Container from '@micromag/element-container';
+import Heading from '@micromag/element-heading';
 import Layout from '@micromag/element-layout';
 import Scroll from '@micromag/element-scroll';
-import CallToAction from '@micromag/element-call-to-action';
-import { PropTypes } from '@micromag/core';
-import { getStyleFromColor, isTextFilled } from '@micromag/core/utils';
-import Heading from '@micromag/element-heading';
+import classNames from 'classnames';
+import PropTypes$1 from 'prop-types';
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { v1 } from 'uuid';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import Text from '@micromag/element-text';
 import Visual from '@micromag/element-visual';
@@ -213,6 +213,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
+      active = _ref.active,
       type = _ref.type,
       conversation = _ref.conversation,
       transitions = _ref.transitions,
@@ -237,6 +238,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
       isCapture = _useScreenRenderConte.isCapture;
 
   var backgroundPlaying = current && (isView || isEdit);
+  var backgroundShouldLoad = current || active || !isView;
   var withAnimation = isView && !isStatic && timingMode === 'sequence';
 
   var _ref2 = conversation || {},
@@ -358,7 +360,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
     width: width,
     height: height,
     playing: backgroundPlaying,
-    shouldLoad: current || active
+    shouldLoad: backgroundShouldLoad
   }) : null, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height

package/lib/index.js

@@ -6,21 +6,21 @@ var reactIntl = require('react-intl');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
-var PropTypes = require('prop-types');
-var classNames = require('classnames');
-var uuid = require('uuid');
+var core = require('@micromag/core');
+var components = require('@micromag/core/components');
 var contexts = require('@micromag/core/contexts');
 var hooks = require('@micromag/core/hooks');
-var components = require('@micromag/core/components');
+var utils = require('@micromag/core/utils');
 var Background = require('@micromag/element-background');
+var CallToAction = require('@micromag/element-call-to-action');
 var Container = require('@micromag/element-container');
+var Heading = require('@micromag/element-heading');
 var Layout = require('@micromag/element-layout');
 var Scroll = require('@micromag/element-scroll');
-var CallToAction = require('@micromag/element-call-to-action');
-var core = require('@micromag/core');
-var utils = require('@micromag/core/utils');
-var Heading = require('@micromag/element-heading');
+var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var uuid = require('uuid');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var Text = require('@micromag/element-text');
 var Visual = require('@micromag/element-visual');
@@ -30,15 +30,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
+var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
 var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
 var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
-var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
-var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
 var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
 var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
@@ -235,6 +235,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
       background = _ref.background,
       callToAction = _ref.callToAction,
       current = _ref.current,
+      active = _ref.active,
       type = _ref.type,
       conversation = _ref.conversation,
       transitions = _ref.transitions,
@@ -259,6 +260,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
       isCapture = _useScreenRenderConte.isCapture;
 
   var backgroundPlaying = current && (isView || isEdit);
+  var backgroundShouldLoad = current || active || !isView;
   var withAnimation = isView && !isStatic && timingMode === 'sequence';
 
   var _ref2 = conversation || {},
@@ -380,7 +382,7 @@ var ConversationScreen = function ConversationScreen(_ref) {
     width: width,
     height: height,
     playing: backgroundPlaying,
-    shouldLoad: current || active
+    shouldLoad: backgroundShouldLoad
   }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-conversation",
-    "version": "0.2.407",
+    "version": "0.2.408",
     "description": "",
     "keywords": [
         "javascript"
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6e9f2acd39ad4982b571b91c406d30c59f4be473"
+    "gitHead": "4bc2ba99622adef74bd0da42cb52d1a575c1a544"
 }