@micromag/screen-conversation 0.2.401 → 0.2.406

package/es/index.js

@@ -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,
@@ -355,7 +357,8 @@ var ConversationScreen = function ConversationScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    shouldLoad: current || active
   }) : null, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height
@@ -442,8 +445,8 @@ var definition = {
   type: 'screen',
   group: {
     label: defineMessage({
-      "id": "fIawTr",
-      "defaultMessage": [{
+      id: "fIawTr",
+      defaultMessage: [{
         "type": 0,
         "value": "Text"
       }]
@@ -451,8 +454,8 @@ var definition = {
     order: 3
   },
   title: defineMessage({
-    "id": "rBPIgw",
-    "defaultMessage": [{
+    id: "rBPIgw",
+    defaultMessage: [{
       "type": 0,
       "value": "Conversation"
     }]
@@ -484,8 +487,8 @@ var definition = {
       label: 'Sequence'
     }],
     label: defineMessage({
-      "id": "6DV50M",
-      "defaultMessage": [{
+      id: "6DV50M",
+      defaultMessage: [{
         "type": 0,
         "value": "Timing"
       }]
@@ -497,8 +500,8 @@ var definition = {
       textStyle: 'heading1'
     },
     label: defineMessage({
-      "id": "N25iDO",
-      "defaultMessage": [{
+      id: "N25iDO",
+      defaultMessage: [{
         "type": 0,
         "value": "Title"
       }]
@@ -507,8 +510,8 @@ var definition = {
     name: 'conversation',
     type: 'conversation',
     label: defineMessage({
-      "id": "8tANs8",
-      "defaultMessage": [{
+      id: "8tANs8",
+      defaultMessage: [{
         "type": 0,
         "value": "Conversation"
       }]
@@ -517,8 +520,8 @@ var definition = {
     name: 'background',
     type: 'background',
     label: defineMessage({
-      "id": "+MPZRu",
-      "defaultMessage": [{
+      id: "+MPZRu",
+      defaultMessage: [{
         "type": 0,
         "value": "Background"
       }]

package/lib/index.js

@@ -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,
@@ -377,7 +379,8 @@ var ConversationScreen = function ConversationScreen(_ref) {
     background: background,
     width: width,
     height: height,
-    playing: backgroundPlaying
+    playing: backgroundPlaying,
+    shouldLoad: current || active
   }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height
@@ -464,8 +467,8 @@ var definition = {
   type: 'screen',
   group: {
     label: reactIntl.defineMessage({
-      "id": "fIawTr",
-      "defaultMessage": [{
+      id: "fIawTr",
+      defaultMessage: [{
         "type": 0,
         "value": "Text"
       }]
@@ -473,8 +476,8 @@ var definition = {
     order: 3
   },
   title: reactIntl.defineMessage({
-    "id": "rBPIgw",
-    "defaultMessage": [{
+    id: "rBPIgw",
+    defaultMessage: [{
       "type": 0,
       "value": "Conversation"
     }]
@@ -506,8 +509,8 @@ var definition = {
       label: 'Sequence'
     }],
     label: reactIntl.defineMessage({
-      "id": "6DV50M",
-      "defaultMessage": [{
+      id: "6DV50M",
+      defaultMessage: [{
         "type": 0,
         "value": "Timing"
       }]
@@ -519,8 +522,8 @@ var definition = {
       textStyle: 'heading1'
     },
     label: reactIntl.defineMessage({
-      "id": "N25iDO",
-      "defaultMessage": [{
+      id: "N25iDO",
+      defaultMessage: [{
         "type": 0,
         "value": "Title"
       }]
@@ -529,8 +532,8 @@ var definition = {
     name: 'conversation',
     type: 'conversation',
     label: reactIntl.defineMessage({
-      "id": "8tANs8",
-      "defaultMessage": [{
+      id: "8tANs8",
+      defaultMessage: [{
         "type": 0,
         "value": "Conversation"
       }]
@@ -539,8 +542,8 @@ var definition = {
     name: 'background',
     type: 'background',
     label: reactIntl.defineMessage({
-      "id": "+MPZRu",
-      "defaultMessage": [{
+      id: "+MPZRu",
+      defaultMessage: [{
         "type": 0,
         "value": "Background"
       }]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-conversation",
-    "version": "0.2.401",
+    "version": "0.2.406",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,16 +49,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.2.401",
-        "@micromag/element-background": "^0.2.401",
-        "@micromag/element-call-to-action": "^0.2.401",
-        "@micromag/element-container": "^0.2.401",
-        "@micromag/element-heading": "^0.2.401",
-        "@micromag/element-layout": "^0.2.401",
-        "@micromag/element-scroll": "^0.2.401",
-        "@micromag/element-text": "^0.2.401",
-        "@micromag/element-visual": "^0.2.401",
-        "@micromag/transforms": "^0.2.401",
+        "@micromag/core": "^0.2.405",
+        "@micromag/element-background": "^0.2.406",
+        "@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.406",
+        "@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": "fd03ec6d9decc9e18d6088a36e47c7b1e0e72b4c"
+    "gitHead": "5e1a6de73674624b0cb3f9701140ea8850e6f35e"
 }