@micromag/screen-audio 0.3.348 → 0.3.356

package/es/index.js

@@ -9,12 +9,13 @@ import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { ScreenElement, Transitions } from '@micromag/core/components';
 import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
 import { useTrackScreenMedia } from '@micromag/core/hooks';
-import { isIos } from '@micromag/core/utils';
+import { isHeaderFilled, isFooterFilled, getFooterProps, isIos } from '@micromag/core/utils';
 import Audio from '@micromag/element-audio';
 import Background from '@micromag/element-background';
-import CallToAction from '@micromag/element-call-to-action';
 import ClosedCaptions from '@micromag/element-closed-captions';
 import Container from '@micromag/element-container';
+import Footer from '@micromag/element-footer';
+import Header from '@micromag/element-header';
 import Layout, { Spacer } from '@micromag/element-layout';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { Audio as Audio$1, Container as Container$1 } from '@micromag/transforms/apple-news';
@@ -26,7 +27,8 @@ var propTypes = {
   audio: PropTypes$1.audioElement,
   spacing: PropTypes.number,
   background: PropTypes$1.backgroundElement,
-  callToAction: PropTypes$1.callToAction,
+  header: PropTypes$1.header,
+  footer: PropTypes$1.footer,
   current: PropTypes.bool,
   active: PropTypes.bool,
   transitions: PropTypes$1.transitions,
@@ -39,7 +41,8 @@ var defaultProps = {
   audio: null,
   spacing: 20,
   background: null,
-  callToAction: null,
+  header: null,
+  footer: null,
   current: true,
   active: true,
   transitions: null,
@@ -48,12 +51,13 @@ var defaultProps = {
   className: null
 };
 var AudioScreen = function AudioScreen(_ref) {
-  var _ref8;
+  var _ref7;
   _ref.layout;
     var audio = _ref.audio,
     spacing = _ref.spacing,
     background = _ref.background,
-    callToAction = _ref.callToAction,
+    header = _ref.header,
+    footer = _ref.footer,
     current = _ref.current,
     active = _ref.active,
     transitions = _ref.transitions,
@@ -86,30 +90,35 @@ var AudioScreen = function AudioScreen(_ref) {
   var mediaShouldLoad = current || active;
   var transitionPlaying = current && ready;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
-  var _ref2 = callToAction || {},
-    _ref2$active = _ref2.active,
-    hasCallToAction = _ref2$active === void 0 ? false : _ref2$active;
+  var showHeader = isHeaderFilled(header);
+  var showFooter = isFooterFilled(footer);
+  var footerProps = getFooterProps(footer, {
+    isView: isView,
+    current: current,
+    openWebView: openWebView,
+    isPreview: isPreview
+  });
   var hasAudio = audio !== null;
-  var _ref3 = audio || {},
-    _ref3$media = _ref3.media,
-    audioMedia = _ref3$media === void 0 ? null : _ref3$media,
-    _ref3$autoPlay = _ref3.autoPlay,
-    autoPlay = _ref3$autoPlay === void 0 ? true : _ref3$autoPlay,
-    _ref3$closedCaptions = _ref3.closedCaptions,
-    closedCaptions = _ref3$closedCaptions === void 0 ? null : _ref3$closedCaptions,
-    _ref3$withWave = _ref3.withWave,
-    withWave = _ref3$withWave === void 0 ? false : _ref3$withWave,
-    _ref3$withControls = _ref3.withControls,
-    withControls = _ref3$withControls === void 0 ? false : _ref3$withControls,
-    _ref3$withSeekBar = _ref3.withSeekBar,
-    withSeekBar = _ref3$withSeekBar === void 0 ? false : _ref3$withSeekBar,
-    _ref3$color = _ref3.color,
-    color = _ref3$color === void 0 ? null : _ref3$color,
-    _ref3$progressColor = _ref3.progressColor,
-    progressColor = _ref3$progressColor === void 0 ? null : _ref3$progressColor;
-  var _ref4 = audioMedia || {},
-    _ref4$url = _ref4.url,
-    audioUrl = _ref4$url === void 0 ? null : _ref4$url;
+  var _ref2 = audio || {},
+    _ref2$media = _ref2.media,
+    audioMedia = _ref2$media === void 0 ? null : _ref2$media,
+    _ref2$autoPlay = _ref2.autoPlay,
+    autoPlay = _ref2$autoPlay === void 0 ? true : _ref2$autoPlay,
+    _ref2$closedCaptions = _ref2.closedCaptions,
+    closedCaptions = _ref2$closedCaptions === void 0 ? null : _ref2$closedCaptions,
+    _ref2$withWave = _ref2.withWave,
+    withWave = _ref2$withWave === void 0 ? false : _ref2$withWave,
+    _ref2$withControls = _ref2.withControls,
+    withControls = _ref2$withControls === void 0 ? false : _ref2$withControls,
+    _ref2$withSeekBar = _ref2.withSeekBar,
+    withSeekBar = _ref2$withSeekBar === void 0 ? false : _ref2$withSeekBar,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? null : _ref2$color,
+    _ref2$progressColor = _ref2.progressColor,
+    progressColor = _ref2$progressColor === void 0 ? null : _ref2$progressColor;
+  var _ref3 = audioMedia || {},
+    _ref3$url = _ref3.url,
+    audioUrl = _ref3$url === void 0 ? null : _ref3$url;
   var hasAudioUrl = audioUrl !== null;
   var finalAudio = hasAudio ? _objectSpread(_objectSpread({}, audio), {}, {
     autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
@@ -167,9 +176,9 @@ var AudioScreen = function AudioScreen(_ref) {
       setPlaying(true);
     }
   }, [current, autoPlay]);
-  var onTimeUpdate = useCallback(function (_ref5) {
-    var _ref5$timeStamp = _ref5.timeStamp,
-      timeStamp = _ref5$timeStamp === void 0 ? 0 : _ref5$timeStamp;
+  var onTimeUpdate = useCallback(function (_ref4) {
+    var _ref4$timeStamp = _ref4.timeStamp,
+      timeStamp = _ref4$timeStamp === void 0 ? 0 : _ref4$timeStamp;
     setCurrentTime(timeStamp);
   }, [setCurrentTime, setDuration, duration]);
   var onProgressStep = useCallback(function (step) {
@@ -178,12 +187,12 @@ var AudioScreen = function AudioScreen(_ref) {
   var onDurationChange = useCallback(function (dur) {
     setDuration(dur);
   }, [setDuration]);
-  var onPlay = useCallback(function (_ref6) {
-    var initial = _ref6.initial;
+  var onPlay = useCallback(function (_ref5) {
+    var initial = _ref5.initial;
     trackScreenMedia(audio, initial ? 'play' : 'resume');
   }, [trackScreenMedia, audio]);
-  var onPause = useCallback(function (_ref7) {
-    var midway = _ref7.midway;
+  var onPause = useCallback(function (_ref6) {
+    var midway = _ref6.midway;
     trackScreenMedia(audio, midway ? 'pause' : 'ended');
   }, [trackScreenMedia, audio]);
   var onEnded = useCallback(function () {
@@ -196,7 +205,20 @@ var AudioScreen = function AudioScreen(_ref) {
       trackScreenMedia(audio, 'seek');
     }
   }, [trackScreenMedia, audio]);
-  var elements = [/*#__PURE__*/React.createElement(Spacer, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.placeholder, isPlaceholder), _defineProperty(_ref7, styles.isPreview, isPreview), _ref7)]),
+    "data-screen-ready": ready
+  }, /*#__PURE__*/React.createElement(Container, {
+    width: width,
+    height: height,
+    className: styles.content
+  }, /*#__PURE__*/React.createElement(Layout, {
+    fullscreen: true,
+    style: !isPlaceholder ? {
+      padding: spacing,
+      paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
+    } : null
+  }, showHeader ? /*#__PURE__*/React.createElement(Header, header) : /*#__PURE__*/React.createElement(Spacer, {
     key: "spacer-top"
   }), /*#__PURE__*/React.createElement(ScreenElement, {
     key: "audio",
@@ -255,31 +277,9 @@ var AudioScreen = function AudioScreen(_ref) {
     className: styles.closedCaptions,
     media: closedCaptions,
     currentTime: currentTime
-  }) : null, hasCallToAction ? /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
-    className: styles.callToAction,
-    animationDisabled: isPreview,
-    focusable: current && isView,
-    openWebView: openWebView
-  })) : null) : null].filter(function (el) {
-    return el !== null;
-  });
-
-  // console.log('finalAudio', finalAudio);
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.placeholder, isPlaceholder), _defineProperty(_ref8, styles.isPreview, isPreview), _ref8)]),
-    "data-screen-ready": ready
-  }, /*#__PURE__*/React.createElement(Container, {
-    width: width,
-    height: height,
-    className: styles.content
-  }, /*#__PURE__*/React.createElement(Layout, {
-    fullscreen: true,
-    style: !isPlaceholder ? {
-      padding: spacing,
-      paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
-    } : null
-  }, elements)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
+  }) : null, showFooter ? /*#__PURE__*/React.createElement(Footer, Object.assign({}, footerProps, {
+    className: styles.callToAction
+  })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
     background: background,
     width: width,
     height: height,
@@ -368,17 +368,25 @@ var definition = {
       }]
     })
   }, {
-    name: 'callToAction',
-    type: 'call-to-action',
-    theme: {
-      boxStyle: 'cta',
-      label: {
-        textStyle: 'cta'
-      }
-    }
+    name: 'header',
+    type: 'header',
+    label: defineMessage({
+      id: "rhuDxI",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Header"
+      }]
+    })
   }, {
-    name: 'shareIncentive',
-    type: 'share-incentive'
+    name: 'footer',
+    type: 'footer',
+    label: defineMessage({
+      id: "g4nybp",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Footer"
+      }]
+    })
   }]
 };
 

package/lib/index.js

@@ -16,9 +16,10 @@ var hooks = require('@micromag/core/hooks');
 var utils = require('@micromag/core/utils');
 var Audio = require('@micromag/element-audio');
 var Background = require('@micromag/element-background');
-var CallToAction = require('@micromag/element-call-to-action');
 var ClosedCaptions = require('@micromag/element-closed-captions');
 var Container = require('@micromag/element-container');
+var Footer = require('@micromag/element-footer');
+var Header = require('@micromag/element-header');
 var Layout = require('@micromag/element-layout');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var appleNews = require('@micromag/transforms/apple-news');
@@ -33,9 +34,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Audio__default = /*#__PURE__*/_interopDefaultLegacy(Audio);
 var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
-var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
 var ClosedCaptions__default = /*#__PURE__*/_interopDefaultLegacy(ClosedCaptions);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
+var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
 var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 
@@ -46,7 +48,8 @@ var propTypes = {
   audio: core.PropTypes.audioElement,
   spacing: PropTypes__default["default"].number,
   background: core.PropTypes.backgroundElement,
-  callToAction: core.PropTypes.callToAction,
+  header: core.PropTypes.header,
+  footer: core.PropTypes.footer,
   current: PropTypes__default["default"].bool,
   active: PropTypes__default["default"].bool,
   transitions: core.PropTypes.transitions,
@@ -59,7 +62,8 @@ var defaultProps = {
   audio: null,
   spacing: 20,
   background: null,
-  callToAction: null,
+  header: null,
+  footer: null,
   current: true,
   active: true,
   transitions: null,
@@ -68,12 +72,13 @@ var defaultProps = {
   className: null
 };
 var AudioScreen = function AudioScreen(_ref) {
-  var _ref8;
+  var _ref7;
   _ref.layout;
     var audio = _ref.audio,
     spacing = _ref.spacing,
     background = _ref.background,
-    callToAction = _ref.callToAction,
+    header = _ref.header,
+    footer = _ref.footer,
     current = _ref.current,
     active = _ref.active,
     transitions = _ref.transitions,
@@ -106,30 +111,35 @@ var AudioScreen = function AudioScreen(_ref) {
   var mediaShouldLoad = current || active;
   var transitionPlaying = current && ready;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
-  var _ref2 = callToAction || {},
-    _ref2$active = _ref2.active,
-    hasCallToAction = _ref2$active === void 0 ? false : _ref2$active;
+  var showHeader = utils.isHeaderFilled(header);
+  var showFooter = utils.isFooterFilled(footer);
+  var footerProps = utils.getFooterProps(footer, {
+    isView: isView,
+    current: current,
+    openWebView: openWebView,
+    isPreview: isPreview
+  });
   var hasAudio = audio !== null;
-  var _ref3 = audio || {},
-    _ref3$media = _ref3.media,
-    audioMedia = _ref3$media === void 0 ? null : _ref3$media,
-    _ref3$autoPlay = _ref3.autoPlay,
-    autoPlay = _ref3$autoPlay === void 0 ? true : _ref3$autoPlay,
-    _ref3$closedCaptions = _ref3.closedCaptions,
-    closedCaptions = _ref3$closedCaptions === void 0 ? null : _ref3$closedCaptions,
-    _ref3$withWave = _ref3.withWave,
-    withWave = _ref3$withWave === void 0 ? false : _ref3$withWave,
-    _ref3$withControls = _ref3.withControls,
-    withControls = _ref3$withControls === void 0 ? false : _ref3$withControls,
-    _ref3$withSeekBar = _ref3.withSeekBar,
-    withSeekBar = _ref3$withSeekBar === void 0 ? false : _ref3$withSeekBar,
-    _ref3$color = _ref3.color,
-    color = _ref3$color === void 0 ? null : _ref3$color,
-    _ref3$progressColor = _ref3.progressColor,
-    progressColor = _ref3$progressColor === void 0 ? null : _ref3$progressColor;
-  var _ref4 = audioMedia || {},
-    _ref4$url = _ref4.url,
-    audioUrl = _ref4$url === void 0 ? null : _ref4$url;
+  var _ref2 = audio || {},
+    _ref2$media = _ref2.media,
+    audioMedia = _ref2$media === void 0 ? null : _ref2$media,
+    _ref2$autoPlay = _ref2.autoPlay,
+    autoPlay = _ref2$autoPlay === void 0 ? true : _ref2$autoPlay,
+    _ref2$closedCaptions = _ref2.closedCaptions,
+    closedCaptions = _ref2$closedCaptions === void 0 ? null : _ref2$closedCaptions,
+    _ref2$withWave = _ref2.withWave,
+    withWave = _ref2$withWave === void 0 ? false : _ref2$withWave,
+    _ref2$withControls = _ref2.withControls,
+    withControls = _ref2$withControls === void 0 ? false : _ref2$withControls,
+    _ref2$withSeekBar = _ref2.withSeekBar,
+    withSeekBar = _ref2$withSeekBar === void 0 ? false : _ref2$withSeekBar,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? null : _ref2$color,
+    _ref2$progressColor = _ref2.progressColor,
+    progressColor = _ref2$progressColor === void 0 ? null : _ref2$progressColor;
+  var _ref3 = audioMedia || {},
+    _ref3$url = _ref3.url,
+    audioUrl = _ref3$url === void 0 ? null : _ref3$url;
   var hasAudioUrl = audioUrl !== null;
   var finalAudio = hasAudio ? _objectSpread__default["default"](_objectSpread__default["default"]({}, audio), {}, {
     autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
@@ -187,9 +197,9 @@ var AudioScreen = function AudioScreen(_ref) {
       setPlaying(true);
     }
   }, [current, autoPlay]);
-  var onTimeUpdate = React.useCallback(function (_ref5) {
-    var _ref5$timeStamp = _ref5.timeStamp,
-      timeStamp = _ref5$timeStamp === void 0 ? 0 : _ref5$timeStamp;
+  var onTimeUpdate = React.useCallback(function (_ref4) {
+    var _ref4$timeStamp = _ref4.timeStamp,
+      timeStamp = _ref4$timeStamp === void 0 ? 0 : _ref4$timeStamp;
     setCurrentTime(timeStamp);
   }, [setCurrentTime, setDuration, duration]);
   var onProgressStep = React.useCallback(function (step) {
@@ -198,12 +208,12 @@ var AudioScreen = function AudioScreen(_ref) {
   var onDurationChange = React.useCallback(function (dur) {
     setDuration(dur);
   }, [setDuration]);
-  var onPlay = React.useCallback(function (_ref6) {
-    var initial = _ref6.initial;
+  var onPlay = React.useCallback(function (_ref5) {
+    var initial = _ref5.initial;
     trackScreenMedia(audio, initial ? 'play' : 'resume');
   }, [trackScreenMedia, audio]);
-  var onPause = React.useCallback(function (_ref7) {
-    var midway = _ref7.midway;
+  var onPause = React.useCallback(function (_ref6) {
+    var midway = _ref6.midway;
     trackScreenMedia(audio, midway ? 'pause' : 'ended');
   }, [trackScreenMedia, audio]);
   var onEnded = React.useCallback(function () {
@@ -216,7 +226,20 @@ var AudioScreen = function AudioScreen(_ref) {
       trackScreenMedia(audio, 'seek');
     }
   }, [trackScreenMedia, audio]);
-  var elements = [/*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.placeholder, isPlaceholder), _defineProperty__default["default"](_ref7, styles.isPreview, isPreview), _ref7)]),
+    "data-screen-ready": ready
+  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+    width: width,
+    height: height,
+    className: styles.content
+  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
+    fullscreen: true,
+    style: !isPlaceholder ? {
+      padding: spacing,
+      paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
+    } : null
+  }, showHeader ? /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header) : /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
     key: "spacer-top"
   }), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
     key: "audio",
@@ -275,31 +298,9 @@ var AudioScreen = function AudioScreen(_ref) {
     className: styles.closedCaptions,
     media: closedCaptions,
     currentTime: currentTime
-  }) : null, hasCallToAction ? /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
-    className: styles.callToAction,
-    animationDisabled: isPreview,
-    focusable: current && isView,
-    openWebView: openWebView
-  })) : null) : null].filter(function (el) {
-    return el !== null;
-  });
-
-  // console.log('finalAudio', finalAudio);
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.placeholder, isPlaceholder), _defineProperty__default["default"](_ref8, styles.isPreview, isPreview), _ref8)]),
-    "data-screen-ready": ready
-  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
-    width: width,
-    height: height,
-    className: styles.content
-  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
-    fullscreen: true,
-    style: !isPlaceholder ? {
-      padding: spacing,
-      paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing
-    } : null
-  }, elements)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
+  }) : null, showFooter ? /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], Object.assign({}, footerProps, {
+    className: styles.callToAction
+  })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
     background: background,
     width: width,
     height: height,
@@ -388,17 +389,25 @@ var definition = {
       }]
     })
   }, {
-    name: 'callToAction',
-    type: 'call-to-action',
-    theme: {
-      boxStyle: 'cta',
-      label: {
-        textStyle: 'cta'
-      }
-    }
+    name: 'header',
+    type: 'header',
+    label: reactIntl.defineMessage({
+      id: "rhuDxI",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Header"
+      }]
+    })
   }, {
-    name: 'shareIncentive',
-    type: 'share-incentive'
+    name: 'footer',
+    type: 'footer',
+    label: reactIntl.defineMessage({
+      id: "g4nybp",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Footer"
+      }]
+    })
   }]
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-audio",
-    "version": "0.3.348",
+    "version": "0.3.356",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,15 +49,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.348",
-        "@micromag/element-audio": "^0.3.348",
-        "@micromag/element-background": "^0.3.348",
-        "@micromag/element-call-to-action": "^0.3.348",
-        "@micromag/element-closed-captions": "^0.3.348",
-        "@micromag/element-container": "^0.3.348",
-        "@micromag/element-layout": "^0.3.348",
-        "@micromag/element-media-controls": "^0.3.348",
-        "@micromag/transforms": "^0.3.348",
+        "@micromag/core": "^0.3.354",
+        "@micromag/element-audio": "^0.3.354",
+        "@micromag/element-background": "^0.3.354",
+        "@micromag/element-closed-captions": "^0.3.354",
+        "@micromag/element-container": "^0.3.354",
+        "@micromag/element-footer": "^0.3.354",
+        "@micromag/element-header": "^0.3.356",
+        "@micromag/element-layout": "^0.3.354",
+        "@micromag/transforms": "^0.3.354",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "20ef008fdf5c678004b740f395f51cb548591dad"
+    "gitHead": "683c410d9fc568658e5907fb0a8fa470cb04f6eb"
 }