@micromag/screen-conversation 0.2.404 → 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';
@@ -183,6 +183,7 @@ var propTypes = {
   background: PropTypes.backgroundElement,
   callToAction: PropTypes.callToAction,
   current: PropTypes$1.bool,
+  active: PropTypes$1.bool,
   type: PropTypes$1.string,
   conversation: PropTypes.conversation,
   transitions: PropTypes.transitions,
@@ -196,6 +197,7 @@ var defaultProps = {
   background: null,
   callToAction: null,
   current: true,
+  active: true,
   type: null,
   conversation: null,
   transitions: null,
@@ -211,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,
@@ -235,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 || {},
@@ -355,7 +359,8 @@ var ConversationScreen = function ConversationScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    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);
@@ -205,6 +205,7 @@ var propTypes = {
   background: core.PropTypes.backgroundElement,
   callToAction: core.PropTypes.callToAction,
   current: PropTypes__default["default"].bool,
+  active: PropTypes__default["default"].bool,
   type: PropTypes__default["default"].string,
   conversation: core.PropTypes.conversation,
   transitions: core.PropTypes.transitions,
@@ -218,6 +219,7 @@ var defaultProps = {
   background: null,
   callToAction: null,
   current: true,
+  active: true,
   type: null,
   conversation: null,
   transitions: null,
@@ -233,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,
@@ -257,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 || {},
@@ -377,7 +381,8 @@ var ConversationScreen = function ConversationScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    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.404",
+    "version": "0.2.408",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,16 +49,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.2.404",
-        "@micromag/element-background": "^0.2.404",
-        "@micromag/element-call-to-action": "^0.2.404",
-        "@micromag/element-container": "^0.2.404",
-        "@micromag/element-heading": "^0.2.404",
-        "@micromag/element-layout": "^0.2.404",
-        "@micromag/element-scroll": "^0.2.404",
-        "@micromag/element-text": "^0.2.404",
-        "@micromag/element-visual": "^0.2.404",
-        "@micromag/transforms": "^0.2.404",
+        "@micromag/core": "^0.2.405",
+        "@micromag/element-background": "^0.2.407",
+        "@micromag/element-call-to-action": "^0.2.405",
+        "@micromag/element-container": "^0.2.405",
+        "@micromag/element-heading": "^0.2.405",
+        "@micromag/element-layout": "^0.2.405",
+        "@micromag/element-scroll": "^0.2.405",
+        "@micromag/element-text": "^0.2.405",
+        "@micromag/element-visual": "^0.2.407",
+        "@micromag/transforms": "^0.2.405",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "34d5345cb0dad79206bb6b7a25f02742663023ee"
+    "gitHead": "4bc2ba99622adef74bd0da42cb52d1a575c1a544"
 }