@micromag/screen-gallery-feed 0.3.150 → 0.3.152

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{width:100%;margin:10px auto}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction{position:absolute;bottom:0;left:0;width:100%}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}
+.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{width:100%;margin:10px auto}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction a{padding:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction.micromag-screen-gallery-feed-disabled{opacity:0;pointer-events:none}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}

package/es/index.js

@@ -7,8 +7,8 @@ import PropTypes from 'prop-types';
 import React, { useState, useCallback } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { ScreenElement, TransitionsStagger } from '@micromag/core/components';
-import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
-import { useTrackScreenEvent, useResizeObserver } from '@micromag/core/hooks';
+import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
+import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
 import { isImageFilled, isTextFilled } from '@micromag/core/utils';
 import Background from '@micromag/element-background';
 import CallToAction from '@micromag/element-call-to-action';
@@ -21,7 +21,7 @@ import _extends from '@babel/runtime/helpers/extends';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { Gallery, Container as Container$1 } from '@micromag/transforms/apple-news';
 
-var styles = {"container":"micromag-screen-gallery-feed-container","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","callToAction":"micromag-screen-gallery-feed-callToAction","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
+var styles = {"container":"micromag-screen-gallery-feed-container","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","callToAction":"micromag-screen-gallery-feed-callToAction","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
 
 var propTypes = {
   layout: PropTypes.oneOf(['normal', 'reverse']),
@@ -35,8 +35,6 @@ var propTypes = {
   transitions: PropTypes$1.transitions,
   transitionStagger: PropTypes.number,
   type: PropTypes.string,
-  enableInteraction: PropTypes.func,
-  disableInteraction: PropTypes.func,
   className: PropTypes.string
 };
 var defaultProps = {
@@ -51,13 +49,11 @@ var defaultProps = {
   transitions: null,
   transitionStagger: 75,
   type: null,
-  enableInteraction: null,
-  disableInteraction: null,
   className: null
 };
 
 var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
-  var _ref6;
+  var _ref5;
 
   var layout = _ref.layout,
       images = _ref.images,
@@ -70,19 +66,26 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
       transitions = _ref.transitions,
       transitionStagger = _ref.transitionStagger,
       type = _ref.type,
-      enableInteraction = _ref.enableInteraction,
-      disableInteraction = _ref.disableInteraction,
       className = _ref.className;
   var trackScreenEvent = useTrackScreenEvent(type);
 
   var _useScreenSize = useScreenSize(),
       width = _useScreenSize.width,
       height = _useScreenSize.height,
-      menuOverScreen = _useScreenSize.menuOverScreen,
       resolution = _useScreenSize.resolution;
 
-  var _useViewer = useViewer(),
-      menuSize = _useViewer.menuSize;
+  var _useViewerContext = useViewerContext(),
+      viewerTopHeight = _useViewerContext.topHeight,
+      viewerBottomHeight = _useViewerContext.bottomHeight,
+      viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
+
+  var _useViewerWebView = useViewerWebView(),
+      openWebView = _useViewerWebView.open;
+
+  var _usePlaybackContext = usePlaybackContext(),
+      muted = _usePlaybackContext.muted;
+
+  var mediaRef = usePlaybackMediaRef(current);
 
   var _useScreenRenderConte = useScreenRenderContext(),
       isView = _useScreenRenderConte.isView,
@@ -114,21 +117,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
   var editImages = isEdit && imagesCount === 0 ? [null] : images;
   var finalImages = isPlaceholder ? _toConsumableArray(Array(5)) : editImages;
 
-  var _useResizeObserver = useResizeObserver(),
-      firstImageRef = _useResizeObserver.ref,
-      contentRect = _useResizeObserver.entry.contentRect;
-
-  var _ref2 = contentRect || {},
-      firstImageRefWidth = _ref2.width;
+  var _useDimensionObserver = useDimensionObserver(),
+      firstImageRef = _useDimensionObserver.ref,
+      firstImageRefWidth = _useDimensionObserver.width;
 
   (finalImages || []).forEach(function (image, index) {
     var finalImage = withCaptions ? image : {
       media: image
     };
 
-    var _ref3 = finalImage || {},
-        _ref3$caption = _ref3.caption,
-        caption = _ref3$caption === void 0 ? null : _ref3$caption;
+    var _ref2 = finalImage || {},
+        _ref2$caption = _ref2.caption,
+        caption = _ref2$caption === void 0 ? null : _ref2$caption;
 
     var hasImage = isImageFilled(finalImage);
     var hasCaption = isTextFilled(caption);
@@ -212,32 +212,17 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     }
   }); // Call to Action
 
-  var hasCallToAction = callToAction !== null && callToAction.active === true;
+  var _ref3 = callToAction || {},
+      _ref3$active = _ref3.active,
+      hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       scrolledBottom = _useState4[0],
       setScrolledBottom = _useState4[1];
 
-  var _useResizeObserver2 = useResizeObserver(),
-      callToActionRef = _useResizeObserver2.ref,
-      callToActionRect = _useResizeObserver2.entry.contentRect;
-
-  var _ref4 = callToActionRect || {},
-      _ref4$height = _ref4.height,
-      callToActionHeight = _ref4$height === void 0 ? 0 : _ref4$height;
-
-  if (!isPlaceholder && hasCallToAction) {
-    items.push( /*#__PURE__*/React.createElement("div", {
-      key: "cta-spacer",
-      style: {
-        height: callToActionHeight
-      }
-    }));
-  }
-
-  var onScrolledBottom = useCallback(function (_ref5) {
-    var initial = _ref5.initial;
+  var onScrolledBottom = useCallback(function (_ref4) {
+    var initial = _ref4.initial;
 
     if (initial) {
       trackScreenEvent('scroll', 'Screen');
@@ -249,7 +234,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.isPlaceholder, isPlaceholder), _ref6)]),
+    className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
     "data-screen-ready": ready
   }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
     background: background,
@@ -257,7 +242,9 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     height: height,
     resolution: resolution,
     playing: backgroundPlaying,
-    shouldLoad: mediaShouldLoad
+    muted: muted,
+    shouldLoad: mediaShouldLoad,
+    mediaRef: mediaRef
   }) : null, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height
@@ -269,27 +256,27 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     className: styles.layout,
     style: !isPlaceholder ? {
       padding: spacing,
-      paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
+      paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
+      paddingBottom: (!isPreview ? viewerBottomHeight : 0) + spacing
     } : null
   }, /*#__PURE__*/React.createElement(TransitionsStagger, {
     transitions: transitions,
     stagger: transitionStagger,
     disabled: transitionDisabled,
     playing: transitionPlaying
-  }, items))), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement(CallToAction, {
-    ref: callToActionRef,
+  }, items), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
+    style: {
+      paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
+      paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
+      paddingTop: spacing
+    }
+  }, /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
     className: styles.callToAction,
-    disabled: !scrolledBottom,
     animationDisabled: isPreview,
-    callToAction: callToAction,
     focusable: current && isView,
-    screenSize: {
-      width: width,
-      height: height
-    },
-    enableInteraction: enableInteraction,
-    disableInteraction: disableInteraction
-  }) : null));
+    openWebView: openWebView
+  }))) : null))));
 };
 
 GalleryFeedScreen.propTypes = propTypes;

package/lib/index.js

@@ -43,7 +43,7 @@ var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
 
-var styles = {"container":"micromag-screen-gallery-feed-container","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","callToAction":"micromag-screen-gallery-feed-callToAction","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
+var styles = {"container":"micromag-screen-gallery-feed-container","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","emptyImage":"micromag-screen-gallery-feed-emptyImage","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","callToAction":"micromag-screen-gallery-feed-callToAction","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
 
 var propTypes = {
   layout: PropTypes__default["default"].oneOf(['normal', 'reverse']),
@@ -57,8 +57,6 @@ var propTypes = {
   transitions: core.PropTypes.transitions,
   transitionStagger: PropTypes__default["default"].number,
   type: PropTypes__default["default"].string,
-  enableInteraction: PropTypes__default["default"].func,
-  disableInteraction: PropTypes__default["default"].func,
   className: PropTypes__default["default"].string
 };
 var defaultProps = {
@@ -73,13 +71,11 @@ var defaultProps = {
   transitions: null,
   transitionStagger: 75,
   type: null,
-  enableInteraction: null,
-  disableInteraction: null,
   className: null
 };
 
 var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
-  var _ref6;
+  var _ref5;
 
   var layout = _ref.layout,
       images = _ref.images,
@@ -92,19 +88,26 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
       transitions = _ref.transitions,
       transitionStagger = _ref.transitionStagger,
       type = _ref.type,
-      enableInteraction = _ref.enableInteraction,
-      disableInteraction = _ref.disableInteraction,
       className = _ref.className;
   var trackScreenEvent = hooks.useTrackScreenEvent(type);
 
   var _useScreenSize = contexts.useScreenSize(),
       width = _useScreenSize.width,
       height = _useScreenSize.height,
-      menuOverScreen = _useScreenSize.menuOverScreen,
       resolution = _useScreenSize.resolution;
 
-  var _useViewer = contexts.useViewer(),
-      menuSize = _useViewer.menuSize;
+  var _useViewerContext = contexts.useViewerContext(),
+      viewerTopHeight = _useViewerContext.topHeight,
+      viewerBottomHeight = _useViewerContext.bottomHeight,
+      viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
+
+  var _useViewerWebView = contexts.useViewerWebView(),
+      openWebView = _useViewerWebView.open;
+
+  var _usePlaybackContext = contexts.usePlaybackContext(),
+      muted = _usePlaybackContext.muted;
+
+  var mediaRef = contexts.usePlaybackMediaRef(current);
 
   var _useScreenRenderConte = contexts.useScreenRenderContext(),
       isView = _useScreenRenderConte.isView,
@@ -136,21 +139,18 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
   var editImages = isEdit && imagesCount === 0 ? [null] : images;
   var finalImages = isPlaceholder ? _toConsumableArray__default["default"](Array(5)) : editImages;
 
-  var _useResizeObserver = hooks.useResizeObserver(),
-      firstImageRef = _useResizeObserver.ref,
-      contentRect = _useResizeObserver.entry.contentRect;
-
-  var _ref2 = contentRect || {},
-      firstImageRefWidth = _ref2.width;
+  var _useDimensionObserver = hooks.useDimensionObserver(),
+      firstImageRef = _useDimensionObserver.ref,
+      firstImageRefWidth = _useDimensionObserver.width;
 
   (finalImages || []).forEach(function (image, index) {
     var finalImage = withCaptions ? image : {
       media: image
     };
 
-    var _ref3 = finalImage || {},
-        _ref3$caption = _ref3.caption,
-        caption = _ref3$caption === void 0 ? null : _ref3$caption;
+    var _ref2 = finalImage || {},
+        _ref2$caption = _ref2.caption,
+        caption = _ref2$caption === void 0 ? null : _ref2$caption;
 
     var hasImage = utils.isImageFilled(finalImage);
     var hasCaption = utils.isTextFilled(caption);
@@ -234,32 +234,17 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     }
   }); // Call to Action
 
-  var hasCallToAction = callToAction !== null && callToAction.active === true;
+  var _ref3 = callToAction || {},
+      _ref3$active = _ref3.active,
+      hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
 
   var _useState3 = React.useState(false),
       _useState4 = _slicedToArray__default["default"](_useState3, 2),
       scrolledBottom = _useState4[0],
       setScrolledBottom = _useState4[1];
 
-  var _useResizeObserver2 = hooks.useResizeObserver(),
-      callToActionRef = _useResizeObserver2.ref,
-      callToActionRect = _useResizeObserver2.entry.contentRect;
-
-  var _ref4 = callToActionRect || {},
-      _ref4$height = _ref4.height,
-      callToActionHeight = _ref4$height === void 0 ? 0 : _ref4$height;
-
-  if (!isPlaceholder && hasCallToAction) {
-    items.push( /*#__PURE__*/React__default["default"].createElement("div", {
-      key: "cta-spacer",
-      style: {
-        height: callToActionHeight
-      }
-    }));
-  }
-
-  var onScrolledBottom = React.useCallback(function (_ref5) {
-    var initial = _ref5.initial;
+  var onScrolledBottom = React.useCallback(function (_ref4) {
+    var initial = _ref4.initial;
 
     if (initial) {
       trackScreenEvent('scroll', 'Screen');
@@ -271,7 +256,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.isPlaceholder, isPlaceholder), _ref6)]),
+    className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
     "data-screen-ready": ready
   }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
     background: background,
@@ -279,7 +264,9 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     height: height,
     resolution: resolution,
     playing: backgroundPlaying,
-    shouldLoad: mediaShouldLoad
+    muted: muted,
+    shouldLoad: mediaShouldLoad,
+    mediaRef: mediaRef
   }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height
@@ -291,27 +278,27 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     className: styles.layout,
     style: !isPlaceholder ? {
       padding: spacing,
-      paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
+      paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
+      paddingBottom: (!isPreview ? viewerBottomHeight : 0) + spacing
     } : null
   }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
     transitions: transitions,
     stagger: transitionStagger,
     disabled: transitionDisabled,
     playing: transitionPlaying
-  }, items))), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
-    ref: callToActionRef,
+  }, items), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
+    style: {
+      paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
+      paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
+      paddingTop: spacing
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
     className: styles.callToAction,
-    disabled: !scrolledBottom,
     animationDisabled: isPreview,
-    callToAction: callToAction,
     focusable: current && isView,
-    screenSize: {
-      width: width,
-      height: height
-    },
-    enableInteraction: enableInteraction,
-    disableInteraction: disableInteraction
-  }) : null));
+    openWebView: openWebView
+  }))) : null))));
 };
 
 GalleryFeedScreen.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-gallery-feed",
-    "version": "0.3.150",
+    "version": "0.3.152",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,16 +49,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.150",
-        "@micromag/element-background": "^0.3.150",
-        "@micromag/element-call-to-action": "^0.3.150",
-        "@micromag/element-container": "^0.3.150",
-        "@micromag/element-layout": "^0.3.150",
-        "@micromag/element-scroll": "^0.3.150",
-        "@micromag/element-stack": "^0.3.150",
-        "@micromag/element-text": "^0.3.150",
-        "@micromag/element-visual": "^0.3.150",
-        "@micromag/transforms": "^0.3.150",
+        "@micromag/core": "^0.3.152",
+        "@micromag/element-background": "^0.3.152",
+        "@micromag/element-call-to-action": "^0.3.152",
+        "@micromag/element-container": "^0.3.152",
+        "@micromag/element-layout": "^0.3.152",
+        "@micromag/element-scroll": "^0.3.152",
+        "@micromag/element-stack": "^0.3.152",
+        "@micromag/element-text": "^0.3.152",
+        "@micromag/element-visual": "^0.3.152",
+        "@micromag/transforms": "^0.3.152",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c9441be7a115a52416883e404feeca422af4f2da"
+    "gitHead": "23db6c104c10cc70a73366c8b04576a312a36206"
 }