@micromag/screen-video 0.3.348 → 0.3.354

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .micromag-screen-video-unmuteAndPlayButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-video-container .micromag-screen-video-background,.micromag-screen-video-container .micromag-screen-video-empty,.micromag-screen-video-container .micromag-screen-video-emptyContainer,.micromag-screen-video-container .micromag-screen-video-inner,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-video-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-video-disabled.micromag-screen-video-container{overflow:hidden;pointer-events:none}.micromag-screen-video-hidden.micromag-screen-video-container{display:none;visibility:hidden}.micromag-screen-video-placeholder.micromag-screen-video-container .micromag-screen-video-content{padding:6px;position:relative}.micromag-screen-video-container .micromag-screen-video-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-video-container .micromag-screen-video-background{z-index:0}.micromag-screen-video-container .micromag-screen-video-content{z-index:1}.micromag-screen-video-container .micromag-screen-video-emptyContainer{height:0;padding-bottom:56.25%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.micromag-screen-video-container .micromag-screen-video-empty{margin:0}.micromag-screen-video-container .micromag-screen-video-inner{overflow:hidden;z-index:1}.micromag-screen-video-container .micromag-screen-video-bottom{bottom:0;left:0;position:absolute;-webkit-transition:padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);transition:padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);-o-transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);width:100%;z-index:2}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{background-color:transparent;border:0;bottom:0;display:block;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:3}
1
+ .micromag-screen-video-unmuteAndPlayButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-video-container .micromag-screen-video-background,.micromag-screen-video-container .micromag-screen-video-empty,.micromag-screen-video-container .micromag-screen-video-emptyContainer,.micromag-screen-video-container .micromag-screen-video-inner,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-video-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-video-disabled.micromag-screen-video-container{overflow:hidden;pointer-events:none}.micromag-screen-video-hidden.micromag-screen-video-container{display:none;visibility:hidden}.micromag-screen-video-placeholder.micromag-screen-video-container .micromag-screen-video-content{padding:6px;position:relative}.micromag-screen-video-container .micromag-screen-video-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-video-container .micromag-screen-video-background{z-index:0}.micromag-screen-video-container .micromag-screen-video-content{z-index:1}.micromag-screen-video-container .micromag-screen-video-emptyContainer{height:0;padding-bottom:56.25%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.micromag-screen-video-container .micromag-screen-video-empty{margin:0}.micromag-screen-video-container .micromag-screen-video-inner{overflow:hidden;z-index:1}.micromag-screen-video-container .micromag-screen-video-header{top:0;z-index:1}.micromag-screen-video-container .micromag-screen-video-bottom,.micromag-screen-video-container .micromag-screen-video-header{left:0;position:absolute;-webkit-transition:padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);transition:padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);-o-transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1),padding .5s cubic-bezier(.6,0,.4,1),-webkit-transform .5s cubic-bezier(.6,0,.4,1);width:100%}.micromag-screen-video-container .micromag-screen-video-bottom{bottom:0;z-index:2}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{background-color:transparent;border:0;bottom:0;display:block;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:3}
package/es/index.js CHANGED
@@ -10,23 +10,26 @@ import { PropTypes as PropTypes$1 } from '@micromag/core';
10
10
  import { ScreenElement, PlaceholderVideo, Empty } from '@micromag/core/components';
11
11
  import { useScreenSize, useScreenRenderContext, useViewerNavigation, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useViewerContainer } from '@micromag/core/contexts';
12
12
  import { useTrackScreenMedia, useActivityDetector, useDebounce, useMediaThumbnail } from '@micromag/core/hooks';
13
+ import { isHeaderFilled, isFooterFilled, getFooterProps } from '@micromag/core/utils';
13
14
  import Background from '@micromag/element-background';
14
- import CallToAction from '@micromag/element-call-to-action';
15
15
  import ClosedCaptions from '@micromag/element-closed-captions';
16
16
  import Container from '@micromag/element-container';
17
+ import Footer from '@micromag/element-footer';
18
+ import Header from '@micromag/element-header';
17
19
  import Image from '@micromag/element-image';
18
20
  import Video from '@micromag/element-video';
19
21
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
20
22
  import { Video as Video$1, Container as Container$1 } from '@micromag/transforms/apple-news';
21
23
 
22
- var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","video":"micromag-screen-video-video","placeholder":"micromag-screen-video-placeholder","inner":"micromag-screen-video-inner","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","background":"micromag-screen-video-background","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","content":"micromag-screen-video-content","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
24
+ var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","video":"micromag-screen-video-video","placeholder":"micromag-screen-video-placeholder","inner":"micromag-screen-video-inner","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","background":"micromag-screen-video-background","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","content":"micromag-screen-video-content","header":"micromag-screen-video-header","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
23
25
 
24
26
  var propTypes = {
25
27
  layout: PropTypes.oneOf(['middle', 'full']),
26
28
  video: PropTypes$1.videoElement,
27
29
  gotoNextScreenOnEnd: PropTypes.bool,
30
+ header: PropTypes$1.header,
31
+ footer: PropTypes$1.footer,
28
32
  background: PropTypes$1.backgroundElement,
29
- callToAction: PropTypes$1.callToAction,
30
33
  current: PropTypes.bool,
31
34
  active: PropTypes.bool,
32
35
  transitions: PropTypes$1.transitions,
@@ -38,8 +41,9 @@ var defaultProps = {
38
41
  layout: 'middle',
39
42
  video: null,
40
43
  gotoNextScreenOnEnd: false,
44
+ header: null,
45
+ footer: null,
41
46
  background: null,
42
- callToAction: null,
43
47
  current: true,
44
48
  active: true,
45
49
  transitions: null,
@@ -52,8 +56,9 @@ var VideoScreen = function VideoScreen(_ref) {
52
56
  var layout = _ref.layout,
53
57
  video = _ref.video,
54
58
  gotoNextScreenOnEnd = _ref.gotoNextScreenOnEnd,
59
+ header = _ref.header,
60
+ footer = _ref.footer,
55
61
  background = _ref.background,
56
- callToAction = _ref.callToAction,
57
62
  current = _ref.current,
58
63
  active = _ref.active,
59
64
  spacing = _ref.spacing,
@@ -74,6 +79,7 @@ var VideoScreen = function VideoScreen(_ref) {
74
79
  var _useViewerNavigation = useViewerNavigation(),
75
80
  gotoNextScreen = _useViewerNavigation.gotoNextScreen;
76
81
  var _useViewerContext = useViewerContext(),
82
+ viewerTopHeight = _useViewerContext.topHeight,
77
83
  viewerBottomHeight = _useViewerContext.bottomHeight,
78
84
  viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
79
85
  var _useViewerWebView = useViewerWebView(),
@@ -202,7 +208,14 @@ var VideoScreen = function VideoScreen(_ref) {
202
208
  }
203
209
  }, [loop, current, shouldGotoNextScreenOnEnd, gotoNextScreen]);
204
210
  var fullscreen = layout === 'full';
205
- var hasCallToAction = callToAction !== null && callToAction.active === true;
211
+ var hasHeader = isHeaderFilled(header);
212
+ var hasFooter = isFooterFilled(footer);
213
+ var footerProps = getFooterProps(footer, {
214
+ isView: isView,
215
+ current: current,
216
+ openWebView: openWebView,
217
+ isPreview: isPreview
218
+ });
206
219
  var hasVideo = video !== null;
207
220
  var _useState7 = useState(hasVideo),
208
221
  _useState8 = _slicedToArray(_useState7, 2),
@@ -258,7 +271,16 @@ var VideoScreen = function VideoScreen(_ref) {
258
271
  className: styles.content
259
272
  }, /*#__PURE__*/React.createElement("div", {
260
273
  className: styles.inner
261
- }, /*#__PURE__*/React.createElement(ScreenElement, {
274
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
275
+ key: "header",
276
+ className: styles.header,
277
+ style: {
278
+ paddingTop: spacing,
279
+ paddingLeft: spacing,
280
+ paddingRight: spacing,
281
+ transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
282
+ }
283
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(ScreenElement, {
262
284
  key: "video",
263
285
  placeholder: /*#__PURE__*/React.createElement(PlaceholderVideo, Object.assign({
264
286
  className: styles.placeholder
@@ -325,12 +347,7 @@ var VideoScreen = function VideoScreen(_ref) {
325
347
  className: styles.closedCaptions,
326
348
  media: closedCaptions,
327
349
  currentTime: currentTime
328
- }) : null, hasCallToAction ? /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
329
- className: styles.callToAction,
330
- animationDisabled: isPreview,
331
- focusable: current && isView,
332
- openWebView: openWebView
333
- })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
350
+ }) : null, hasFooter ? /*#__PURE__*/React.createElement(Footer, footerProps) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
334
351
  background: background,
335
352
  width: width,
336
353
  height: height,
@@ -439,17 +456,25 @@ var definition = {
439
456
  }]
440
457
  })
441
458
  }, {
442
- name: 'callToAction',
443
- type: 'call-to-action',
444
- theme: {
445
- boxStyle: 'cta',
446
- label: {
447
- textStyle: 'cta'
448
- }
449
- }
459
+ name: 'header',
460
+ type: 'header',
461
+ label: defineMessage({
462
+ id: "rhuDxI",
463
+ defaultMessage: [{
464
+ "type": 0,
465
+ "value": "Header"
466
+ }]
467
+ })
450
468
  }, {
451
- name: 'shareIncentive',
452
- type: 'share-incentive'
469
+ name: 'footer',
470
+ type: 'footer',
471
+ label: defineMessage({
472
+ id: "g4nybp",
473
+ defaultMessage: [{
474
+ "type": 0,
475
+ "value": "Footer"
476
+ }]
477
+ })
453
478
  }
454
479
  // {
455
480
  // type: 'fields',
package/lib/index.js CHANGED
@@ -14,10 +14,12 @@ var core = require('@micromag/core');
14
14
  var components = require('@micromag/core/components');
15
15
  var contexts = require('@micromag/core/contexts');
16
16
  var hooks = require('@micromag/core/hooks');
17
+ var utils = require('@micromag/core/utils');
17
18
  var Background = require('@micromag/element-background');
18
- var CallToAction = require('@micromag/element-call-to-action');
19
19
  var ClosedCaptions = require('@micromag/element-closed-captions');
20
20
  var Container = require('@micromag/element-container');
21
+ var Footer = require('@micromag/element-footer');
22
+ var Header = require('@micromag/element-header');
21
23
  var Image = require('@micromag/element-image');
22
24
  var Video = require('@micromag/element-video');
23
25
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -32,21 +34,23 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
32
34
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
33
35
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
34
36
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
35
- var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
36
37
  var ClosedCaptions__default = /*#__PURE__*/_interopDefaultLegacy(ClosedCaptions);
37
38
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
39
+ var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
40
+ var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
38
41
  var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
39
42
  var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
40
43
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
41
44
 
42
- var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","video":"micromag-screen-video-video","placeholder":"micromag-screen-video-placeholder","inner":"micromag-screen-video-inner","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","background":"micromag-screen-video-background","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","content":"micromag-screen-video-content","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
45
+ var styles = {"unmuteAndPlayButton":"micromag-screen-video-unmuteAndPlayButton","container":"micromag-screen-video-container","fullscreen":"micromag-screen-video-fullscreen","image":"micromag-screen-video-image","video":"micromag-screen-video-video","placeholder":"micromag-screen-video-placeholder","inner":"micromag-screen-video-inner","empty":"micromag-screen-video-empty","emptyContainer":"micromag-screen-video-emptyContainer","background":"micromag-screen-video-background","disabled":"micromag-screen-video-disabled","hidden":"micromag-screen-video-hidden","content":"micromag-screen-video-content","header":"micromag-screen-video-header","bottom":"micromag-screen-video-bottom","videoContainer":"micromag-screen-video-videoContainer"};
43
46
 
44
47
  var propTypes = {
45
48
  layout: PropTypes__default["default"].oneOf(['middle', 'full']),
46
49
  video: core.PropTypes.videoElement,
47
50
  gotoNextScreenOnEnd: PropTypes__default["default"].bool,
51
+ header: core.PropTypes.header,
52
+ footer: core.PropTypes.footer,
48
53
  background: core.PropTypes.backgroundElement,
49
- callToAction: core.PropTypes.callToAction,
50
54
  current: PropTypes__default["default"].bool,
51
55
  active: PropTypes__default["default"].bool,
52
56
  transitions: core.PropTypes.transitions,
@@ -58,8 +62,9 @@ var defaultProps = {
58
62
  layout: 'middle',
59
63
  video: null,
60
64
  gotoNextScreenOnEnd: false,
65
+ header: null,
66
+ footer: null,
61
67
  background: null,
62
- callToAction: null,
63
68
  current: true,
64
69
  active: true,
65
70
  transitions: null,
@@ -72,8 +77,9 @@ var VideoScreen = function VideoScreen(_ref) {
72
77
  var layout = _ref.layout,
73
78
  video = _ref.video,
74
79
  gotoNextScreenOnEnd = _ref.gotoNextScreenOnEnd,
80
+ header = _ref.header,
81
+ footer = _ref.footer,
75
82
  background = _ref.background,
76
- callToAction = _ref.callToAction,
77
83
  current = _ref.current,
78
84
  active = _ref.active,
79
85
  spacing = _ref.spacing,
@@ -94,6 +100,7 @@ var VideoScreen = function VideoScreen(_ref) {
94
100
  var _useViewerNavigation = contexts.useViewerNavigation(),
95
101
  gotoNextScreen = _useViewerNavigation.gotoNextScreen;
96
102
  var _useViewerContext = contexts.useViewerContext(),
103
+ viewerTopHeight = _useViewerContext.topHeight,
97
104
  viewerBottomHeight = _useViewerContext.bottomHeight,
98
105
  viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
99
106
  var _useViewerWebView = contexts.useViewerWebView(),
@@ -222,7 +229,14 @@ var VideoScreen = function VideoScreen(_ref) {
222
229
  }
223
230
  }, [loop, current, shouldGotoNextScreenOnEnd, gotoNextScreen]);
224
231
  var fullscreen = layout === 'full';
225
- var hasCallToAction = callToAction !== null && callToAction.active === true;
232
+ var hasHeader = utils.isHeaderFilled(header);
233
+ var hasFooter = utils.isFooterFilled(footer);
234
+ var footerProps = utils.getFooterProps(footer, {
235
+ isView: isView,
236
+ current: current,
237
+ openWebView: openWebView,
238
+ isPreview: isPreview
239
+ });
226
240
  var hasVideo = video !== null;
227
241
  var _useState7 = React.useState(hasVideo),
228
242
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
@@ -278,7 +292,16 @@ var VideoScreen = function VideoScreen(_ref) {
278
292
  className: styles.content
279
293
  }, /*#__PURE__*/React__default["default"].createElement("div", {
280
294
  className: styles.inner
281
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
295
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
296
+ key: "header",
297
+ className: styles.header,
298
+ style: {
299
+ paddingTop: spacing,
300
+ paddingLeft: spacing,
301
+ paddingRight: spacing,
302
+ transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
303
+ }
304
+ }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
282
305
  key: "video",
283
306
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderVideo, Object.assign({
284
307
  className: styles.placeholder
@@ -345,12 +368,7 @@ var VideoScreen = function VideoScreen(_ref) {
345
368
  className: styles.closedCaptions,
346
369
  media: closedCaptions,
347
370
  currentTime: currentTime
348
- }) : null, hasCallToAction ? /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
349
- className: styles.callToAction,
350
- animationDisabled: isPreview,
351
- focusable: current && isView,
352
- openWebView: openWebView
353
- })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
371
+ }) : null, hasFooter ? /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps) : null) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
354
372
  background: background,
355
373
  width: width,
356
374
  height: height,
@@ -459,17 +477,25 @@ var definition = {
459
477
  }]
460
478
  })
461
479
  }, {
462
- name: 'callToAction',
463
- type: 'call-to-action',
464
- theme: {
465
- boxStyle: 'cta',
466
- label: {
467
- textStyle: 'cta'
468
- }
469
- }
480
+ name: 'header',
481
+ type: 'header',
482
+ label: reactIntl.defineMessage({
483
+ id: "rhuDxI",
484
+ defaultMessage: [{
485
+ "type": 0,
486
+ "value": "Header"
487
+ }]
488
+ })
470
489
  }, {
471
- name: 'shareIncentive',
472
- type: 'share-incentive'
490
+ name: 'footer',
491
+ type: 'footer',
492
+ label: reactIntl.defineMessage({
493
+ id: "g4nybp",
494
+ defaultMessage: [{
495
+ "type": 0,
496
+ "value": "Footer"
497
+ }]
498
+ })
473
499
  }
474
500
  // {
475
501
  // type: 'fields',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video",
3
- "version": "0.3.348",
3
+ "version": "0.3.354",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,15 +50,15 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.20",
53
- "@micromag/core": "^0.3.348",
54
- "@micromag/element-background": "^0.3.348",
55
- "@micromag/element-call-to-action": "^0.3.348",
56
- "@micromag/element-closed-captions": "^0.3.348",
57
- "@micromag/element-container": "^0.3.348",
58
- "@micromag/element-image": "^0.3.348",
59
- "@micromag/element-media-controls": "^0.3.348",
60
- "@micromag/element-video": "^0.3.348",
61
- "@micromag/transforms": "^0.3.348",
53
+ "@micromag/core": "^0.3.354",
54
+ "@micromag/element-background": "^0.3.354",
55
+ "@micromag/element-closed-captions": "^0.3.354",
56
+ "@micromag/element-container": "^0.3.354",
57
+ "@micromag/element-footer": "^0.3.354",
58
+ "@micromag/element-header": "^0.3.354",
59
+ "@micromag/element-image": "^0.3.354",
60
+ "@micromag/element-video": "^0.3.354",
61
+ "@micromag/transforms": "^0.3.354",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "20ef008fdf5c678004b740f395f51cb548591dad"
71
+ "gitHead": "ccf852d0a7df8f222365088e7de3843492e720e7"
72
72
  }