pds-dev-kit-web-test 2.5.709 → 2.5.710

package/dist/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js

@@ -0,0 +1,88 @@
+import { useContext, useRef } from 'react';
+import { parseJsonProperties } from '@sub/DynamicLayout/sections/CustomSection/util';
+import isNullOrUndefined from '@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined';
+import styled from 'styled-components';
+import { sectionContext } from '../sectionContext';
+import { CustomSectionBackgroundMedia } from './CustomSectionBackgroundMedia';
+function CustomSectionBackground({
+  isMobile = false
+}) {
+  const context = useContext(sectionContext);
+  const {
+    id,
+    jsonProperties
+  } = context;
+  const backgroundRef = useRef(null);
+  const {
+    data
+  } = jsonProperties;
+  const {
+    CB_STYLE_PROP_BGOVERLAY,
+    CB_STYLE_PROP_BGMEDIA
+  } = data;
+  const {
+    style,
+    overlayStyle,
+    effect
+  } = parseJsonProperties(data, isMobile ? 'MOBILE' : 'DESKTOP');
+  const isOverlay = getIsOverlay(isMobile, CB_STYLE_PROP_BGOVERLAY);
+  const isBgMedia = getIsBgMedia(isMobile, CB_STYLE_PROP_BGMEDIA);
+  const mediaType = getMediaType(isMobile, CB_STYLE_PROP_BGMEDIA);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isOverlay && CB_STYLE_PROP_BGOVERLAY && /*#__PURE__*/React.createElement(S_CustomBackgroundOverlay, {
+    className: "Overlay",
+    style: {
+      ...overlayStyle
+    }
+  }), /*#__PURE__*/React.createElement(S_CustomBackgroundWrapper, {
+    className: "CustomSection",
+    ref: backgroundRef,
+    style: {
+      ...effect,
+      background: style.background
+    }
+  }, isBgMedia && CB_STYLE_PROP_BGMEDIA && /*#__PURE__*/React.createElement(CustomSectionBackgroundMedia, {
+    specs: CB_STYLE_PROP_BGMEDIA,
+    componentStyle: style,
+    playerId: id,
+    mediaType: mediaType || 'NONE',
+    device: isMobile ? 'MOBILE' : 'DESKTOP',
+    backgroundRef: backgroundRef
+  })));
+}
+function getIsOverlay(isMobile, specs) {
+  if (!specs) {
+    return false;
+  }
+  if (isMobile) {
+    return specs['CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE'] !== 'NONE';
+  }
+  return specs.CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE !== 'NONE';
+}
+function getIsBgMedia(isMobile, specs) {
+  if (!specs) {
+    return false;
+  }
+  if (isMobile) {
+    return specs['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE'] !== 'NONE';
+  }
+  return specs.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE !== 'NONE';
+}
+function getMediaType(isMobile, specs) {
+  if (!specs) {
+    return 'NONE';
+  }
+  if (isMobile) {
+    return isNullOrUndefined(specs['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE']) ? specs.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE : specs['CB_STYLE_PROP_BGMEDIA_SPEC_TYPE:MOBILE'];
+  }
+  return specs.CB_STYLE_PROP_BGMEDIA_SPEC_TYPE;
+}
+const S_CustomBackgroundWrapper = styled.div.withConfig({
+  displayName: "CustomSectionBackground__S_CustomBackgroundWrapper",
+  componentId: "sc-1cd1dst-0"
+})(["align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-2;"]);
+const S_CustomBackgroundOverlay = styled.div.withConfig({
+  displayName: "CustomSectionBackground__S_CustomBackgroundOverlay",
+  componentId: "sc-1cd1dst-1"
+})(["bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1;"]);
+export default CustomSectionBackground;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDb250ZXh0IiwidXNlUmVmIiwicGFyc2VKc29uUHJvcGVydGllcyIsImlzTnVsbE9yVW5kZWZpbmVkIiwic3R5bGVkIiwic2VjdGlvbkNvbnRleHQiLCJDdXN0b21TZWN0aW9uQmFja2dyb3VuZE1lZGlhIiwiQ3VzdG9tU2VjdGlvbkJhY2tncm91bmQiLCJpc01vYmlsZSIsImNvbnRleHQiLCJpZCIsImpzb25Qcm9wZXJ0aWVzIiwiYmFja2dyb3VuZFJlZiIsImRhdGEiLCJDQl9TVFlMRV9QUk9QX0JHT1ZFUkxBWSIsIkNCX1NUWUxFX1BST1BfQkdNRURJQSIsInN0eWxlIiwib3ZlcmxheVN0eWxlIiwiZWZmZWN0IiwiaXNPdmVybGF5IiwiZ2V0SXNPdmVybGF5IiwiaXNCZ01lZGlhIiwiZ2V0SXNCZ01lZGlhIiwibWVkaWFUeXBlIiwiZ2V0TWVkaWFUeXBlIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50IiwiRnJhZ21lbnQiLCJTX0N1c3RvbUJhY2tncm91bmRPdmVybGF5IiwiY2xhc3NOYW1lIiwiU19DdXN0b21CYWNrZ3JvdW5kV3JhcHBlciIsInJlZiIsImJhY2tncm91bmQiLCJzcGVjcyIsImNvbXBvbmVudFN0eWxlIiwicGxheWVySWQiLCJkZXZpY2UiLCJDQl9TVFlMRV9QUk9QX0JHT1ZFUkxBWV9TUEVDX1RZUEUiLCJDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19UWVBFIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uL2NvbXBvbmVudHMvQ3VzdG9tU2VjdGlvbkJhY2tncm91bmQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNvbnRleHQsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgcGFyc2VKc29uUHJvcGVydGllcyB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9DdXN0b21TZWN0aW9uL3V0aWwnO1xuaW1wb3J0IGlzTnVsbE9yVW5kZWZpbmVkIGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9DdXN0b21TZWN0aW9uL3V0aWwvaXNOdWxsT3JVbmRlZmluZWQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IHNlY3Rpb25Db250ZXh0IH0gZnJvbSAnLi4vc2VjdGlvbkNvbnRleHQnO1xuXG5pbXBvcnQgeyBDdXN0b21TZWN0aW9uQmFja2dyb3VuZE1lZGlhIH0gZnJvbSAnLi9DdXN0b21TZWN0aW9uQmFja2dyb3VuZE1lZGlhJztcblxuaW1wb3J0IHR5cGUgeyBDQl9TVFlMRV9QUk9QX0JHT1ZFUkxBWV9TUEVDUyB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9zZWN0aW9ucy9DdXN0b21TZWN0aW9uL2NvbXBvbmVudHMvQ29tcG9uZW50QmxvY2svY29tcG9uZW50QmxvY2tzL1JpY2hUZXh0L3R5cGVzJztcbmltcG9ydCB0eXBlIHtcbiAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNTLFxuICBJU2VjdGlvbixcbiAgSVNlY3Rpb25Kc29uUHJvcGVydGllcyxcbiAgSUNvbXBvc2l0aW9uSnNvblByb3BlcnRpZXNcbn0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3R5cGVzJztcblxuZnVuY3Rpb24gQ3VzdG9tU2VjdGlvbkJhY2tncm91bmQoeyBpc01vYmlsZSA9IGZhbHNlIH06IHsgaXNNb2JpbGU/OiBib29sZWFuIH0pIHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoc2VjdGlvbkNvbnRleHQpIGFzIElTZWN0aW9uO1xuICBjb25zdCB7IGlkLCBqc29uUHJvcGVydGllcyB9ID0gY29udGV4dDtcblxuICBjb25zdCBiYWNrZ3JvdW5kUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgeyBkYXRhIH0gPSBqc29uUHJvcGVydGllcyBhcyBJU2VjdGlvbkpzb25Qcm9wZXJ0aWVzIHwgSUNvbXBvc2l0aW9uSnNvblByb3BlcnRpZXM7XG5cbiAgY29uc3QgeyBDQl9TVFlMRV9QUk9QX0JHT1ZFUkxBWSwgQ0JfU1RZTEVfUFJPUF9CR01FRElBIH0gPSBkYXRhO1xuXG4gIGNvbnN0IHsgc3R5bGUsIG92ZXJsYXlTdHlsZSwgZWZmZWN0IH0gPSBwYXJzZUpzb25Qcm9wZXJ0aWVzKFxuICAgIGRhdGEsXG4gICAgaXNNb2JpbGUgPyAnTU9CSUxFJyA6ICdERVNLVE9QJ1xuICApO1xuXG4gIGNvbnN0IGlzT3ZlcmxheSA9IGdldElzT3ZlcmxheShpc01vYmlsZSwgQ0JfU1RZTEVfUFJPUF9CR09WRVJMQVkpO1xuICBjb25zdCBpc0JnTWVkaWEgPSBnZXRJc0JnTWVkaWEoaXNNb2JpbGUsIENCX1NUWUxFX1BST1BfQkdNRURJQSk7XG4gIGNvbnN0IG1lZGlhVHlwZSA9IGdldE1lZGlhVHlwZShpc01vYmlsZSwgQ0JfU1RZTEVfUFJPUF9CR01FRElBKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7aXNPdmVybGF5ICYmIENCX1NUWUxFX1BST1BfQkdPVkVSTEFZICYmIChcbiAgICAgICAgPFNfQ3VzdG9tQmFja2dyb3VuZE92ZXJsYXkgY2xhc3NOYW1lPVwiT3ZlcmxheVwiIHN0eWxlPXt7IC4uLm92ZXJsYXlTdHlsZSB9fSAvPlxuICAgICAgKX1cbiAgICAgIDxTX0N1c3RvbUJhY2tncm91bmRXcmFwcGVyXG4gICAgICAgIGNsYXNzTmFtZT1cIkN1c3RvbVNlY3Rpb25cIlxuICAgICAgICByZWY9e2JhY2tncm91bmRSZWZ9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgLi4uZWZmZWN0LFxuICAgICAgICAgIGJhY2tncm91bmQ6IHN0eWxlLmJhY2tncm91bmRcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2lzQmdNZWRpYSAmJiBDQl9TVFlMRV9QUk9QX0JHTUVESUEgJiYgKFxuICAgICAgICAgIDxDdXN0b21TZWN0aW9uQmFja2dyb3VuZE1lZGlhXG4gICAgICAgICAgICBzcGVjcz17Q0JfU1RZTEVfUFJPUF9CR01FRElBfVxuICAgICAgICAgICAgY29tcG9uZW50U3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgcGxheWVySWQ9e2lkfVxuICAgICAgICAgICAgbWVkaWFUeXBlPXttZWRpYVR5cGUgfHwgJ05PTkUnfVxuICAgICAgICAgICAgZGV2aWNlPXtpc01vYmlsZSA/ICdNT0JJTEUnIDogJ0RFU0tUT1AnfVxuICAgICAgICAgICAgYmFja2dyb3VuZFJlZj17YmFja2dyb3VuZFJlZn1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TX0N1c3RvbUJhY2tncm91bmRXcmFwcGVyPlxuICAgIDwvPlxuICApO1xufVxuXG5mdW5jdGlvbiBnZXRJc092ZXJsYXkoaXNNb2JpbGU6IGJvb2xlYW4sIHNwZWNzOiBDQl9TVFlMRV9QUk9QX0JHT1ZFUkxBWV9TUEVDUyB8IHVuZGVmaW5lZCkge1xuICBpZiAoIXNwZWNzKSB7XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG4gIGlmIChpc01vYmlsZSkge1xuICAgIHJldHVybiBzcGVjc1snQ0JfU1RZTEVfUFJPUF9CR09WRVJMQVlfU1BFQ19UWVBFOk1PQklMRSddICE9PSAnTk9ORSc7XG4gIH1cbiAgcmV0dXJuIHNwZWNzLkNCX1NUWUxFX1BST1BfQkdPVkVSTEFZX1NQRUNfVFlQRSAhPT0gJ05PTkUnO1xufVxuXG5mdW5jdGlvbiBnZXRJc0JnTWVkaWEoaXNNb2JpbGU6IGJvb2xlYW4sIHNwZWNzOiBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ1MgfCB1bmRlZmluZWQpIHtcbiAgaWYgKCFzcGVjcykge1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuICBpZiAoaXNNb2JpbGUpIHtcbiAgICByZXR1cm4gc3BlY3NbJ0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1RZUEU6TU9CSUxFJ10gIT09ICdOT05FJztcbiAgfVxuICByZXR1cm4gc3BlY3MuQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfVFlQRSAhPT0gJ05PTkUnO1xufVxuXG5mdW5jdGlvbiBnZXRNZWRpYVR5cGUoaXNNb2JpbGU6IGJvb2xlYW4sIHNwZWNzOiBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ1MgfCB1bmRlZmluZWQpIHtcbiAgaWYgKCFzcGVjcykge1xuICAgIHJldHVybiAnTk9ORSc7XG4gIH1cbiAgaWYgKGlzTW9iaWxlKSB7XG4gICAgcmV0dXJuIGlzTnVsbE9yVW5kZWZpbmVkKHNwZWNzWydDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19UWVBFOk1PQklMRSddKVxuICAgICAgPyBzcGVjcy5DQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19UWVBFXG4gICAgICA6IHNwZWNzWydDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19UWVBFOk1PQklMRSddO1xuICB9XG4gIHJldHVybiBzcGVjcy5DQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19UWVBFO1xufVxuXG5jb25zdCBTX0N1c3RvbUJhY2tncm91bmRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm90dG9tOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbGVmdDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICB6LWluZGV4OiAtMjtcbmA7XG5jb25zdCBTX0N1c3RvbUJhY2tncm91bmRPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIHotaW5kZXg6IC0xO1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tU2VjdGlvbkJhY2tncm91bmQ7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFVB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

package/dist/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -0,0 +1,162 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCCBQueryPath } from '@sub/DynamicLayout/compositionQueryContext';
+import { YouTubeLinkParser } from '@sub/DynamicLayout/utils';
+import styled, { css } from 'styled-components';
+import { YouTubeIframe } from '../../YouTubeIframe';
+import { parseSectionBackgroundMediaData } from '../util';
+import VideoBGMedia from './VideoBGMedia';
+export function CustomSectionBackgroundMedia({
+  specs,
+  playerId,
+  mediaType,
+  componentStyle,
+  device,
+  backgroundRef
+}) {
+  const queryContext = useCCBQueryPath();
+  const {
+    CB_STYLE_PROP_BGMEDIA_SPEC_YSRC,
+    CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY,
+    CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME,
+    CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME,
+    CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR,
+    CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR,
+    CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE,
+    CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA
+  } = parseSectionBackgroundMediaData(specs, device);
+  const [youtubeSize, setYoutubeSize] = useState({
+    width: 0,
+    height: 0
+  });
+  const youTubeIframeKey = useMemo(() => {
+    return `${YouTubeLinkParser.getId(String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC))}-${CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY}-${CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME}-${CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME}`;
+  }, [CB_STYLE_PROP_BGMEDIA_SPEC_YSRC, CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY, CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME, CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME]);
+  const getResponsiveYoutubeSize = useCallback(() => {
+    const backgroundWrapper = backgroundRef.current;
+    if (!backgroundWrapper) return {
+      width: 0,
+      height: 0
+    };
+    const backgroundSize = {
+      width: backgroundWrapper.getBoundingClientRect().width,
+      height: backgroundWrapper.getBoundingClientRect().height
+    };
+    const isHorizontal = backgroundSize.width / backgroundSize.height > 1;
+    const isOverRatio = backgroundSize.width / backgroundSize.height > 16 / 9;
+    const youtubeSize = isHorizontal && isOverRatio ? {
+      width: backgroundSize.width,
+      height: backgroundSize.width * (9 / 16)
+    } : {
+      width: backgroundSize.height * (16 / 9),
+      height: backgroundSize.height
+    };
+    return youtubeSize;
+  }, [backgroundRef.current]);
+  useEffect(() => {
+    if (mediaType !== 'YOUTUBE') return;
+    setYoutubeSize(getResponsiveYoutubeSize());
+  }, [getResponsiveYoutubeSize, CB_STYLE_PROP_BGMEDIA_SPEC_YSRC]);
+  useEffect(() => {
+    if (mediaType !== 'YOUTUBE') return;
+    function onResize() {
+      setYoutubeSize(getResponsiveYoutubeSize());
+    }
+    const element = backgroundRef.current;
+    if (!element) return;
+    const observer = new ResizeObserver(entries => {
+      entries.forEach(() => {
+        onResize();
+      });
+    });
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+    };
+  }, [device, specs, playerId, mediaType]);
+  const imgSrc = () => {
+    const isDataConnected = CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE === 'DATA' || CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE === 'DELEGATEDDATA';
+    if (!isDataConnected) {
+      return CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR ? String(CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR) : '';
+    }
+    if (!queryContext?.queryData) {
+      // eslint-disable-next-line
+      console.warn('ERROR: No query data found');
+      return 'ERROR';
+    }
+    if (!queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)]) {
+      // eslint-disable-next-line
+      console.warn(`ERROR: ${CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA} NOT found in query data`);
+      return 'ERROR';
+    }
+    return queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)];
+  };
+  if ('background' in componentStyle) {
+    delete componentStyle.background;
+  }
+  switch (mediaType) {
+    case 'IMAGE':
+      return /*#__PURE__*/React.createElement(React.Fragment, null, imgSrc() && /*#__PURE__*/React.createElement(S_Image, {
+        src: imgSrc(),
+        normalStyle: componentStyle
+      }, /*#__PURE__*/React.createElement("img", {
+        src: imgSrc(),
+        style: {
+          visibility: 'hidden',
+          width: '100%',
+          height: '100%'
+        }
+      })));
+    case 'YOUTUBE':
+      return /*#__PURE__*/React.createElement(S_YoutubeContainer, youtubeSize, youtubeSize.height > 0 && youtubeSize.width > 0 && /*#__PURE__*/React.createElement(YouTubeIframe, {
+        key: youTubeIframeKey,
+        src: String(CB_STYLE_PROP_BGMEDIA_SPEC_YSRC),
+        id: playerId,
+        loopMode: CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY ? 'use' : 'none',
+        startSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME),
+        endSeconds: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME),
+        customHeight: youtubeSize.height,
+        customWidth: youtubeSize.width
+      }));
+    case 'VIDEO':
+    case 'URL':
+      return /*#__PURE__*/React.createElement(VideoBGMedia
+      // autoPlayOnMobile={}
+      , {
+        src: String(CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR),
+        startTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME),
+        endTime: Number(CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME),
+        loop: !!CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY
+      });
+    case 'NONE':
+    default:
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+}
+const S_Image = styled.div.withConfig({
+  displayName: "CustomSectionBackgroundMedia__S_Image",
+  componentId: "sc-s1vzvl-0"
+})(["background-image:", ";background-repeat:no-repeat;height:100%;width:100%;", ";& img{", ";}"], ({
+  src
+}) => `url(${src})`, ({
+  normalStyle
+}) => {
+  const isContain = normalStyle.backgroundSize === 'contain';
+  return css(["", ""], {
+    ...normalStyle,
+    backgroundPosition: isContain ? 'center' : normalStyle.backgroundPosition
+  });
+}, ({
+  normalStyle
+}) => {
+  const isContain = normalStyle.backgroundSize === 'contain';
+  return css(["object-fit:", ";"], isContain ? 'contain' : 'cover');
+});
+const S_YoutubeContainer = styled.div.withConfig({
+  displayName: "CustomSectionBackgroundMedia__S_YoutubeContainer",
+  componentId: "sc-s1vzvl-1"
+})(["height:", ";width:", ";"], ({
+  height
+}) => `${height}px`, ({
+  width
+}) => `${width}px`);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VTdGF0ZSIsInVzZUNDQlF1ZXJ5UGF0aCIsIllvdVR1YmVMaW5rUGFyc2VyIiwic3R5bGVkIiwiY3NzIiwiWW91VHViZUlmcmFtZSIsInBhcnNlU2VjdGlvbkJhY2tncm91bmRNZWRpYURhdGEiLCJWaWRlb0JHTWVkaWEiLCJDdXN0b21TZWN0aW9uQmFja2dyb3VuZE1lZGlhIiwic3BlY3MiLCJwbGF5ZXJJZCIsIm1lZGlhVHlwZSIsImNvbXBvbmVudFN0eWxlIiwiZGV2aWNlIiwiYmFja2dyb3VuZFJlZiIsInF1ZXJ5Q29udGV4dCIsIkNCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1lTUkMiLCJDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19SRVBMQVkiLCJDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19TVEFSVFRJTUUiLCJDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19FTkRUSU1FIiwiQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfSU1BR0VTRUxFQ1RPUiIsIkNCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1ZJREVPU0VMRUNUT1IiLCJDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19WQUxVRVRZUEUiLCJDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19DT05ORUNUREFUQSIsInlvdXR1YmVTaXplIiwic2V0WW91dHViZVNpemUiLCJ3aWR0aCIsImhlaWdodCIsInlvdVR1YmVJZnJhbWVLZXkiLCJnZXRJZCIsIlN0cmluZyIsImdldFJlc3BvbnNpdmVZb3V0dWJlU2l6ZSIsImJhY2tncm91bmRXcmFwcGVyIiwiY3VycmVudCIsImJhY2tncm91bmRTaXplIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwiaXNIb3Jpem9udGFsIiwiaXNPdmVyUmF0aW8iLCJvblJlc2l6ZSIsImVsZW1lbnQiLCJvYnNlcnZlciIsIlJlc2l6ZU9ic2VydmVyIiwiZW50cmllcyIsImZvckVhY2giLCJvYnNlcnZlIiwiZGlzY29ubmVjdCIsImltZ1NyYyIsImlzRGF0YUNvbm5lY3RlZCIsInF1ZXJ5RGF0YSIsImNvbnNvbGUiLCJ3YXJuIiwiYmFja2dyb3VuZCIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiU19JbWFnZSIsInNyYyIsIm5vcm1hbFN0eWxlIiwic3R5bGUiLCJ2aXNpYmlsaXR5IiwiU19Zb3V0dWJlQ29udGFpbmVyIiwia2V5IiwiaWQiLCJsb29wTW9kZSIsInN0YXJ0U2Vjb25kcyIsIk51bWJlciIsImVuZFNlY29uZHMiLCJjdXN0b21IZWlnaHQiLCJjdXN0b21XaWR0aCIsInN0YXJ0VGltZSIsImVuZFRpbWUiLCJsb29wIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiLCJpc0NvbnRhaW4iLCJiYWNrZ3JvdW5kUG9zaXRpb24iXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uL2NvbXBvbmVudHMvQ3VzdG9tU2VjdGlvbkJhY2tncm91bmRNZWRpYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTXV0YWJsZVJlZk9iamVjdCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUNDQlF1ZXJ5UGF0aCB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC9jb21wb3NpdGlvblF1ZXJ5Q29udGV4dCc7XG5pbXBvcnQgeyBZb3VUdWJlTGlua1BhcnNlciB9IGZyb20gJ0BzdWIvRHluYW1pY0xheW91dC91dGlscyc7XG5pbXBvcnQgc3R5bGVkLCB7IGNzcywgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgWW91VHViZUlmcmFtZSB9IGZyb20gJy4uLy4uL1lvdVR1YmVJZnJhbWUnO1xuaW1wb3J0IHsgcGFyc2VTZWN0aW9uQmFja2dyb3VuZE1lZGlhRGF0YSB9IGZyb20gJy4uL3V0aWwnO1xuXG5pbXBvcnQgVmlkZW9CR01lZGlhIGZyb20gJy4vVmlkZW9CR01lZGlhJztcblxuaW1wb3J0IHR5cGUgeyBEZXZpY2UgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvQ3VzdG9tU2VjdGlvbi91dGlsL3R5cGVzJztcbmltcG9ydCB0eXBlIHsgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNTIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3R5cGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgc3BlY3M6IENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDUztcbiAgcGxheWVySWQ6IG51bWJlcjtcbiAgbWVkaWFUeXBlOiBzdHJpbmc7XG4gIGNvbXBvbmVudFN0eWxlOiBDU1NQcm9wZXJ0aWVzO1xuICBkZXZpY2U6IERldmljZTtcbiAgYmFja2dyb3VuZFJlZjogTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+O1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEN1c3RvbVNlY3Rpb25CYWNrZ3JvdW5kTWVkaWEoe1xuICBzcGVjcyxcbiAgcGxheWVySWQsXG4gIG1lZGlhVHlwZSxcbiAgY29tcG9uZW50U3R5bGUsXG4gIGRldmljZSxcbiAgYmFja2dyb3VuZFJlZlxufTogUHJvcHMpIHtcbiAgY29uc3QgcXVlcnlDb250ZXh0ID0gdXNlQ0NCUXVlcnlQYXRoKCk7XG5cbiAgY29uc3Qge1xuICAgIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1lTUkMsXG4gICAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfUkVQTEFZLFxuICAgIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1NUQVJUVElNRSxcbiAgICBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19FTkRUSU1FLFxuICAgIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX0lNQUdFU0VMRUNUT1IsXG4gICAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfVklERU9TRUxFQ1RPUixcbiAgICBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19WQUxVRVRZUEUsXG4gICAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfQ09OTkVDVERBVEFcbiAgfSA9IHBhcnNlU2VjdGlvbkJhY2tncm91bmRNZWRpYURhdGEoc3BlY3MsIGRldmljZSk7XG5cbiAgY29uc3QgW3lvdXR1YmVTaXplLCBzZXRZb3V0dWJlU2l6ZV0gPSB1c2VTdGF0ZSh7IHdpZHRoOiAwLCBoZWlnaHQ6IDAgfSk7XG5cbiAgY29uc3QgeW91VHViZUlmcmFtZUtleSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBgJHtZb3VUdWJlTGlua1BhcnNlci5nZXRJZChcbiAgICAgIFN0cmluZyhDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19ZU1JDKVxuICAgICl9LSR7Q0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfUkVQTEFZfS0ke0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1NUQVJUVElNRX0tJHtDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19FTkRUSU1FfWA7XG4gIH0sIFtcbiAgICBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19ZU1JDLFxuICAgIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1JFUExBWSxcbiAgICBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19TVEFSVFRJTUUsXG4gICAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfRU5EVElNRVxuICBdKTtcblxuICBjb25zdCBnZXRSZXNwb25zaXZlWW91dHViZVNpemUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgYmFja2dyb3VuZFdyYXBwZXIgPSBiYWNrZ3JvdW5kUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFiYWNrZ3JvdW5kV3JhcHBlcikgcmV0dXJuIHsgd2lkdGg6IDAsIGhlaWdodDogMCB9O1xuXG4gICAgY29uc3QgYmFja2dyb3VuZFNpemUgPSB7XG4gICAgICB3aWR0aDogYmFja2dyb3VuZFdyYXBwZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gICAgICBoZWlnaHQ6IGJhY2tncm91bmRXcmFwcGVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodFxuICAgIH07XG5cbiAgICBjb25zdCBpc0hvcml6b250YWwgPSBiYWNrZ3JvdW5kU2l6ZS53aWR0aCAvIGJhY2tncm91bmRTaXplLmhlaWdodCA+IDE7XG4gICAgY29uc3QgaXNPdmVyUmF0aW8gPSBiYWNrZ3JvdW5kU2l6ZS53aWR0aCAvIGJhY2tncm91bmRTaXplLmhlaWdodCA+IDE2IC8gOTtcblxuICAgIGNvbnN0IHlvdXR1YmVTaXplID1cbiAgICAgIGlzSG9yaXpvbnRhbCAmJiBpc092ZXJSYXRpb1xuICAgICAgICA/IHsgd2lkdGg6IGJhY2tncm91bmRTaXplLndpZHRoLCBoZWlnaHQ6IGJhY2tncm91bmRTaXplLndpZHRoICogKDkgLyAxNikgfVxuICAgICAgICA6IHsgd2lkdGg6IGJhY2tncm91bmRTaXplLmhlaWdodCAqICgxNiAvIDkpLCBoZWlnaHQ6IGJhY2tncm91bmRTaXplLmhlaWdodCB9O1xuXG4gICAgcmV0dXJuIHlvdXR1YmVTaXplO1xuICB9LCBbYmFja2dyb3VuZFJlZi5jdXJyZW50XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVkaWFUeXBlICE9PSAnWU9VVFVCRScpIHJldHVybjtcbiAgICBzZXRZb3V0dWJlU2l6ZShnZXRSZXNwb25zaXZlWW91dHViZVNpemUoKSk7XG4gIH0sIFtnZXRSZXNwb25zaXZlWW91dHViZVNpemUsIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1lTUkNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChtZWRpYVR5cGUgIT09ICdZT1VUVUJFJykgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gb25SZXNpemUoKSB7XG4gICAgICBzZXRZb3V0dWJlU2l6ZShnZXRSZXNwb25zaXZlWW91dHViZVNpemUoKSk7XG4gICAgfVxuXG4gICAgY29uc3QgZWxlbWVudCA9IGJhY2tncm91bmRSZWYuY3VycmVudDtcblxuICAgIGlmICghZWxlbWVudCkgcmV0dXJuO1xuXG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKGVudHJpZXMpID0+IHtcbiAgICAgIGVudHJpZXMuZm9yRWFjaCgoKSA9PiB7XG4gICAgICAgIG9uUmVzaXplKCk7XG4gICAgICB9KTtcbiAgICB9KTtcblxuICAgIG9ic2VydmVyLm9ic2VydmUoZWxlbWVudCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIH07XG4gIH0sIFtkZXZpY2UsIHNwZWNzLCBwbGF5ZXJJZCwgbWVkaWFUeXBlXSk7XG5cbiAgY29uc3QgaW1nU3JjID0gKCkgPT4ge1xuICAgIGNvbnN0IGlzRGF0YUNvbm5lY3RlZCA9XG4gICAgICBDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19WQUxVRVRZUEUgPT09ICdEQVRBJyB8fFxuICAgICAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfVkFMVUVUWVBFID09PSAnREVMRUdBVEVEREFUQSc7XG5cbiAgICBpZiAoIWlzRGF0YUNvbm5lY3RlZCkge1xuICAgICAgcmV0dXJuIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX0lNQUdFU0VMRUNUT1JcbiAgICAgICAgPyBTdHJpbmcoQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfSU1BR0VTRUxFQ1RPUilcbiAgICAgICAgOiAnJztcbiAgICB9XG5cbiAgICBpZiAoIXF1ZXJ5Q29udGV4dD8ucXVlcnlEYXRhKSB7XG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgIGNvbnNvbGUud2FybignRVJST1I6IE5vIHF1ZXJ5IGRhdGEgZm91bmQnKTtcbiAgICAgIHJldHVybiAnRVJST1InO1xuICAgIH1cblxuICAgIGlmICghcXVlcnlDb250ZXh0LnF1ZXJ5RGF0YVtTdHJpbmcoQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfQ09OTkVDVERBVEEpXSkge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgICBjb25zb2xlLndhcm4oYEVSUk9SOiAke0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX0NPTk5FQ1REQVRBfSBOT1QgZm91bmQgaW4gcXVlcnkgZGF0YWApO1xuICAgICAgcmV0dXJuICdFUlJPUic7XG4gICAgfVxuXG4gICAgcmV0dXJuIHF1ZXJ5Q29udGV4dC5xdWVyeURhdGFbU3RyaW5nKENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX0NPTk5FQ1REQVRBKV07XG4gIH07XG5cbiAgaWYgKCdiYWNrZ3JvdW5kJyBpbiBjb21wb25lbnRTdHlsZSkge1xuICAgIGRlbGV0ZSBjb21wb25lbnRTdHlsZS5iYWNrZ3JvdW5kO1xuICB9XG5cbiAgc3dpdGNoIChtZWRpYVR5cGUpIHtcbiAgICBjYXNlICdJTUFHRSc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgIHtpbWdTcmMoKSAmJiAoXG4gICAgICAgICAgICA8U19JbWFnZSBzcmM9e2ltZ1NyYygpfSBub3JtYWxTdHlsZT17Y29tcG9uZW50U3R5bGV9PlxuICAgICAgICAgICAgICA8aW1nIHNyYz17aW1nU3JjKCl9IHN0eWxlPXt7IHZpc2liaWxpdHk6ICdoaWRkZW4nLCB3aWR0aDogJzEwMCUnLCBoZWlnaHQ6ICcxMDAlJyB9fSAvPlxuICAgICAgICAgICAgPC9TX0ltYWdlPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvPlxuICAgICAgKTtcbiAgICBjYXNlICdZT1VUVUJFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTX1lvdXR1YmVDb250YWluZXIgey4uLnlvdXR1YmVTaXplfT5cbiAgICAgICAgICB7eW91dHViZVNpemUuaGVpZ2h0ID4gMCAmJiB5b3V0dWJlU2l6ZS53aWR0aCA+IDAgJiYgKFxuICAgICAgICAgICAgPFlvdVR1YmVJZnJhbWVcbiAgICAgICAgICAgICAga2V5PXt5b3VUdWJlSWZyYW1lS2V5fVxuICAgICAgICAgICAgICBzcmM9e1N0cmluZyhDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19ZU1JDKX1cbiAgICAgICAgICAgICAgaWQ9e3BsYXllcklkfVxuICAgICAgICAgICAgICBsb29wTW9kZT17Q0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfUkVQTEFZID8gJ3VzZScgOiAnbm9uZSd9XG4gICAgICAgICAgICAgIHN0YXJ0U2Vjb25kcz17TnVtYmVyKENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1NUQVJUVElNRSl9XG4gICAgICAgICAgICAgIGVuZFNlY29uZHM9e051bWJlcihDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19FTkRUSU1FKX1cbiAgICAgICAgICAgICAgY3VzdG9tSGVpZ2h0PXt5b3V0dWJlU2l6ZS5oZWlnaHR9XG4gICAgICAgICAgICAgIGN1c3RvbVdpZHRoPXt5b3V0dWJlU2l6ZS53aWR0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TX1lvdXR1YmVDb250YWluZXI+XG4gICAgICApO1xuICAgIGNhc2UgJ1ZJREVPJzpcbiAgICBjYXNlICdVUkwnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFZpZGVvQkdNZWRpYVxuICAgICAgICAgIC8vIGF1dG9QbGF5T25Nb2JpbGU9e31cbiAgICAgICAgICBzcmM9e1N0cmluZyhDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19WSURFT1NFTEVDVE9SKX1cbiAgICAgICAgICBzdGFydFRpbWU9e051bWJlcihDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19TVEFSVFRJTUUpfVxuICAgICAgICAgIGVuZFRpbWU9e051bWJlcihDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19FTkRUSU1FKX1cbiAgICAgICAgICBsb29wPXshIUNCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1JFUExBWX1cbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgY2FzZSAnTk9ORSc6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA8PjwvPjtcbiAgfVxufVxuXG5jb25zdCBTX0ltYWdlID0gc3R5bGVkLmRpdjx7IG5vcm1hbFN0eWxlOiBDU1NQcm9wZXJ0aWVzOyBzcmM6IHN0cmluZyB9PmBcbiAgYmFja2dyb3VuZC1pbWFnZTogJHsoeyBzcmMgfSkgPT4gYHVybCgke3NyY30pYH07XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHsoeyBub3JtYWxTdHlsZSB9KSA9PiB7XG4gICAgY29uc3QgaXNDb250YWluID0gbm9ybWFsU3R5bGUuYmFja2dyb3VuZFNpemUgPT09ICdjb250YWluJztcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHt7XG4gICAgICAgIC4uLm5vcm1hbFN0eWxlLFxuICAgICAgICBiYWNrZ3JvdW5kUG9zaXRpb246IGlzQ29udGFpbiA/ICdjZW50ZXInIDogbm9ybWFsU3R5bGUuYmFja2dyb3VuZFBvc2l0aW9uXG4gICAgICB9fVxuICAgIGA7XG4gIH19O1xuXG4gICYgaW1nIHtcbiAgICAkeyh7IG5vcm1hbFN0eWxlIH0pID0+IHtcbiAgICAgIGNvbnN0IGlzQ29udGFpbiA9IG5vcm1hbFN0eWxlLmJhY2tncm91bmRTaXplID09PSAnY29udGFpbic7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBvYmplY3QtZml0OiAke2lzQ29udGFpbiA/ICdjb250YWluJyA6ICdjb3Zlcid9O1xuICAgICAgYDtcbiAgICB9fTtcbiAgfVxuYDtcblxuY29uc3QgU19Zb3V0dWJlQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IHdpZHRoOiBudW1iZXI7IGhlaWdodDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGAke2hlaWdodH1weGB9O1xuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiBgJHt3aWR0aH1weGB9O1xuYDtcbiJdLCJtYXBwaW5ncyI6IkFBQUEs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

package/dist/sub/DynamicLayout/components/Section/components/VideoBGMedia.js

@@ -0,0 +1,75 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { parseTargetUrl } from '@sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper';
+import styled from 'styled-components';
+function VideoBGMedia({
+  src,
+  startTime,
+  endTime,
+  loop
+}) {
+  const videoRef = useRef(null);
+  const [videoURL, setVideoURL] = useState(() => {
+    return parseTargetUrl(src).encodedURL;
+  });
+  useEffect(() => {
+    setVideoURL(parseTargetUrl(src).encodedURL);
+  }, [src]);
+  const onLoadedMetadata = () => {
+    const video = videoRef.current;
+    if (!video) return;
+    if (typeof startTime === 'number') {
+      video.currentTime = startTime;
+    }
+    video.play();
+  };
+  const onTimeUpdate = () => {
+    const video = videoRef.current;
+    if (!video) return;
+    if (typeof startTime === 'number' && typeof endTime === 'number') {
+      if (video.currentTime < startTime) {
+        video.currentTime = startTime;
+      }
+      if (video.currentTime >= endTime) {
+        video.currentTime = startTime;
+      }
+    }
+  };
+  const onEnded = () => {
+    const video = videoRef.current;
+    if (!video) return;
+    if (loop) {
+      video.currentTime = startTime || 0;
+      video.play();
+    }
+  };
+  const onVideoError = () => {
+    const {
+      fallbackURL
+    } = parseTargetUrl(src);
+    const isFallbackURL = fallbackURL === videoURL;
+    if (fallbackURL && !isFallbackURL) {
+      setVideoURL(fallbackURL);
+      return;
+    }
+  };
+  return /*#__PURE__*/React.createElement(S_Video, {
+    "data-src": src,
+    ref: videoRef,
+    onLoadedMetadata: onLoadedMetadata,
+    onTimeUpdate: onTimeUpdate,
+    onEnded: onEnded,
+    onError: onVideoError,
+    key: videoURL,
+    autoPlay: true,
+    muted: true,
+    playsInline: true
+  }, /*#__PURE__*/React.createElement("source", {
+    src: videoURL
+  }));
+}
+const S_Video = styled.video.withConfig({
+  displayName: "VideoBGMedia__S_Video",
+  componentId: "sc-3zfvjj-0"
+})(["height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-9999;"]);
+export default VideoBGMedia;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUVmZmVjdCIsInVzZVJlZiIsInVzZVN0YXRlIiwicGFyc2VUYXJnZXRVcmwiLCJzdHlsZWQiLCJWaWRlb0JHTWVkaWEiLCJzcmMiLCJzdGFydFRpbWUiLCJlbmRUaW1lIiwibG9vcCIsInZpZGVvUmVmIiwidmlkZW9VUkwiLCJzZXRWaWRlb1VSTCIsImVuY29kZWRVUkwiLCJvbkxvYWRlZE1ldGFkYXRhIiwidmlkZW8iLCJjdXJyZW50IiwiY3VycmVudFRpbWUiLCJwbGF5Iiwib25UaW1lVXBkYXRlIiwib25FbmRlZCIsIm9uVmlkZW9FcnJvciIsImZhbGxiYWNrVVJMIiwiaXNGYWxsYmFja1VSTCIsImNyZWF0ZUVsZW1lbnQiLCJTX1ZpZGVvIiwicmVmIiwib25FcnJvciIsImtleSIsImF1dG9QbGF5IiwibXV0ZWQiLCJwbGF5c0lubGluZSIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL3N1Yi9EeW5hbWljTGF5b3V0L2NvbXBvbmVudHMvU2VjdGlvbi9jb21wb25lbnRzL1ZpZGVvQkdNZWRpYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgcGFyc2VUYXJnZXRVcmwgfSBmcm9tICdAc3ViL0R5bmFtaWNMYXlvdXQvc2VjdGlvbnMvQ3VzdG9tU2VjdGlvbi9jb21wb25lbnRzL0NvbXBvbmVudEJsb2NrL2NvbXBvbmVudEJsb2Nrcy9WaWRlb1BsYXllci9oZWxwZXInO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmZ1bmN0aW9uIFZpZGVvQkdNZWRpYSh7XG4gIHNyYyxcbiAgc3RhcnRUaW1lLFxuICBlbmRUaW1lLFxuICBsb29wXG59OiB7XG4gIHNyYzogc3RyaW5nO1xuICBzdGFydFRpbWU/OiBudW1iZXI7XG4gIGVuZFRpbWU/OiBudW1iZXI7XG4gIGxvb3A/OiBib29sZWFuO1xufSkge1xuICBjb25zdCB2aWRlb1JlZiA9IHVzZVJlZjxIVE1MVmlkZW9FbGVtZW50PihudWxsKTtcblxuICBjb25zdCBbdmlkZW9VUkwsIHNldFZpZGVvVVJMXSA9IHVzZVN0YXRlPHN0cmluZz4oKCkgPT4ge1xuICAgIHJldHVybiBwYXJzZVRhcmdldFVybChzcmMpLmVuY29kZWRVUkw7XG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VmlkZW9VUkwocGFyc2VUYXJnZXRVcmwoc3JjKS5lbmNvZGVkVVJMKTtcbiAgfSwgW3NyY10pO1xuXG4gIGNvbnN0IG9uTG9hZGVkTWV0YWRhdGEgPSAoKSA9PiB7XG4gICAgY29uc3QgdmlkZW8gPSB2aWRlb1JlZi5jdXJyZW50O1xuXG4gICAgaWYgKCF2aWRlbykgcmV0dXJuO1xuXG4gICAgaWYgKHR5cGVvZiBzdGFydFRpbWUgPT09ICdudW1iZXInKSB7XG4gICAgICB2aWRlby5jdXJyZW50VGltZSA9IHN0YXJ0VGltZTtcbiAgICB9XG5cbiAgICB2aWRlby5wbGF5KCk7XG4gIH07XG5cbiAgY29uc3Qgb25UaW1lVXBkYXRlID0gKCkgPT4ge1xuICAgIGNvbnN0IHZpZGVvID0gdmlkZW9SZWYuY3VycmVudDtcblxuICAgIGlmICghdmlkZW8pIHJldHVybjtcblxuICAgIGlmICh0eXBlb2Ygc3RhcnRUaW1lID09PSAnbnVtYmVyJyAmJiB0eXBlb2YgZW5kVGltZSA9PT0gJ251bWJlcicpIHtcbiAgICAgIGlmICh2aWRlby5jdXJyZW50VGltZSA8IHN0YXJ0VGltZSkge1xuICAgICAgICB2aWRlby5jdXJyZW50VGltZSA9IHN0YXJ0VGltZTtcbiAgICAgIH1cblxuICAgICAgaWYgKHZpZGVvLmN1cnJlbnRUaW1lID49IGVuZFRpbWUpIHtcbiAgICAgICAgdmlkZW8uY3VycmVudFRpbWUgPSBzdGFydFRpbWU7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRW5kZWQgPSAoKSA9PiB7XG4gICAgY29uc3QgdmlkZW8gPSB2aWRlb1JlZi5jdXJyZW50O1xuXG4gICAgaWYgKCF2aWRlbykgcmV0dXJuO1xuXG4gICAgaWYgKGxvb3ApIHtcbiAgICAgIHZpZGVvLmN1cnJlbnRUaW1lID0gc3RhcnRUaW1lIHx8IDA7XG4gICAgICB2aWRlby5wbGF5KCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVmlkZW9FcnJvciA9ICgpID0+IHtcbiAgICBjb25zdCB7IGZhbGxiYWNrVVJMIH0gPSBwYXJzZVRhcmdldFVybChzcmMpO1xuICAgIGNvbnN0IGlzRmFsbGJhY2tVUkwgPSBmYWxsYmFja1VSTCA9PT0gdmlkZW9VUkw7XG5cbiAgICBpZiAoZmFsbGJhY2tVUkwgJiYgIWlzRmFsbGJhY2tVUkwpIHtcbiAgICAgIHNldFZpZGVvVVJMKGZhbGxiYWNrVVJMKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U19WaWRlb1xuICAgICAgZGF0YS1zcmM9e3NyY31cbiAgICAgIHJlZj17dmlkZW9SZWZ9XG4gICAgICBvbkxvYWRlZE1ldGFkYXRhPXtvbkxvYWRlZE1ldGFkYXRhfVxuICAgICAgb25UaW1lVXBkYXRlPXtvblRpbWVVcGRhdGV9XG4gICAgICBvbkVuZGVkPXtvbkVuZGVkfVxuICAgICAgb25FcnJvcj17b25WaWRlb0Vycm9yfVxuICAgICAga2V5PXt2aWRlb1VSTH1cbiAgICAgIGF1dG9QbGF5XG4gICAgICBtdXRlZFxuICAgICAgcGxheXNJbmxpbmVcbiAgICA+XG4gICAgICA8c291cmNlIHNyYz17dmlkZW9VUkx9IC8+XG4gICAgPC9TX1ZpZGVvPlxuICApO1xufVxuXG5jb25zdCBTX1ZpZGVvID0gc3R5bGVkLnZpZGVvYFxuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIHotaW5kZXg6IC05OTk5O1xuYDtcbmV4cG9ydCBkZWZhdWx0IFZpZGVvQkdNZWRpYTtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsS0FBSyxJQUFJQyxTQUFTLEVBQUVDLE1BQU0sRUFBRUMsUUFBUSxRQUFRLE9BQU87QUFFMUQsU0FBU0MsY0FBYyxRQUFRLHdHQUF3RztBQUN2SSxPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBRXRDLFNBQVNDLFlBQVlBLENBQUM7RUFDcEJDLEdBQUc7RUFDSEMsU0FBUztFQUNUQyxPQUFPO0VBQ1BDO0FBTUYsQ0FBQyxFQUFFO0VBQ0QsTUFBTUMsUUFBUSxHQUFHVCxNQUFNLENBQW1CLElBQUksQ0FBQztFQUUvQyxNQUFNLENBQUNVLFFBQVEsRUFBRUMsV0FBVyxDQUFDLEdBQUdWLFFBQVEsQ0FBUyxNQUFNO0lBQ3JELE9BQU9DLGNBQWMsQ0FBQ0csR0FBRyxDQUFDLENBQUNPLFVBQVU7RUFDdkMsQ0FBQyxDQUFDO0VBRUZiLFNBQVMsQ0FBQyxNQUFNO0lBQ2RZLFdBQVcsQ0FBQ1QsY0FBYyxDQUFDRyxHQUFHLENBQUMsQ0FBQ08sVUFBVSxDQUFDO0VBQzdDLENBQUMsRUFBRSxDQUFDUCxHQUFHLENBQUMsQ0FBQztFQUVULE1BQU1RLGdCQUFnQixHQUFHQSxDQUFBLEtBQU07SUFDN0IsTUFBTUMsS0FBSyxHQUFHTCxRQUFRLENBQUNNLE9BQU87SUFFOUIsSUFBSSxDQUFDRCxLQUFLLEVBQUU7SUFFWixJQUFJLE9BQU9SLFNBQVMsS0FBSyxRQUFRLEVBQUU7TUFDakNRLEtBQUssQ0FBQ0UsV0FBVyxHQUFHVixTQUFTO0lBQy9CO0lBRUFRLEtBQUssQ0FBQ0csSUFBSSxDQUFDLENBQUM7RUFDZCxDQUFDO0VBRUQsTUFBTUMsWUFBWSxHQUFHQSxDQUFBLEtBQU07SUFDekIsTUFBTUosS0FBSyxHQUFHTCxRQUFRLENBQUNNLE9BQU87SUFFOUIsSUFBSSxDQUFDRCxLQUFLLEVBQUU7SUFFWixJQUFJLE9BQU9SLFNBQVMsS0FBSyxRQUFRLElBQUksT0FBT0MsT0FBTyxLQUFLLFFBQVEsRUFBRTtNQUNoRSxJQUFJTyxLQUFLLENBQUNFLFdBQVcsR0FBR1YsU0FBUyxFQUFFO1FBQ2pDUSxLQUFLLENBQUNFLFdBQVcsR0FBR1YsU0FBUztNQUMvQjtNQUVBLElBQUlRLEtBQUssQ0FBQ0UsV0FBVyxJQUFJVCxPQUFPLEVBQUU7UUFDaENPLEtBQUssQ0FBQ0UsV0FBVyxHQUFHVixTQUFTO01BQy9CO0lBQ0Y7RUFDRixDQUFDO0VBRUQsTUFBTWEsT0FBTyxHQUFHQSxDQUFBLEtBQU07SUFDcEIsTUFBTUwsS0FBSyxHQUFHTCxRQUFRLENBQUNNLE9BQU87SUFFOUIsSUFBSSxDQUFDRCxLQUFLLEVBQUU7SUFFWixJQUFJTixJQUFJLEVBQUU7TUFDUk0sS0FBSyxDQUFDRSxXQUFXLEdBQUdWLFNBQVMsSUFBSSxDQUFDO01BQ2xDUSxLQUFLLENBQUNHLElBQUksQ0FBQyxDQUFDO0lBQ2Q7RUFDRixDQUFDO0VBRUQsTUFBTUcsWUFBWSxHQUFHQSxDQUFBLEtBQU07SUFDekIsTUFBTTtNQUFFQztJQUFZLENBQUMsR0FBR25CLGNBQWMsQ0FBQ0csR0FBRyxDQUFDO0lBQzNDLE1BQU1pQixhQUFhLEdBQUdELFdBQVcsS0FBS1gsUUFBUTtJQUU5QyxJQUFJVyxXQUFXLElBQUksQ0FBQ0MsYUFBYSxFQUFFO01BQ2pDWCxXQUFXLENBQUNVLFdBQVcsQ0FBQztNQUN4QjtJQUNGO0VBQ0YsQ0FBQztFQUVELG9CQUNFdkIsS0FBQSxDQUFBeUIsYUFBQSxDQUFDQyxPQUFPO0lBQ04sWUFBVW5CLEdBQUk7SUFDZG9CLEdBQUcsRUFBRWhCLFFBQVM7SUFDZEksZ0JBQWdCLEVBQUVBLGdCQUFpQjtJQUNuQ0ssWUFBWSxFQUFFQSxZQUFhO0lBQzNCQyxPQUFPLEVBQUVBLE9BQVE7SUFDakJPLE9BQU8sRUFBRU4sWUFBYTtJQUN0Qk8sR0FBRyxFQUFFakIsUUFBUztJQUNka0IsUUFBUTtJQUNSQyxLQUFLO0lBQ0xDLFdBQVc7RUFBQSxnQkFFWGhDLEtBQUEsQ0FBQXlCLGFBQUE7SUFBUWxCLEdBQUcsRUFBRUs7RUFBUyxDQUFFLENBQ2pCLENBQUM7QUFFZDtBQUVBLE1BQU1jLE9BQU8sR0FBR3JCLE1BQU0sQ0FBQ1csS0FBSyxDQUFBaUIsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSw2RkFRM0I7QUFDRCxlQUFlN0IsWUFBWSIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/sub/DynamicLayout/components/Section/index.js

@@ -0,0 +1,4 @@
+export { default as CustomSection } from './CustomSection';
+export { default as Section } from './Section';
+export { sectionContext } from './sectionContext';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwiQ3VzdG9tU2VjdGlvbiIsIlNlY3Rpb24iLCJzZWN0aW9uQ29udGV4dCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9zdWIvRHluYW1pY0xheW91dC9jb21wb25lbnRzL1NlY3Rpb24vaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCBhcyBDdXN0b21TZWN0aW9uIH0gZnJvbSAnLi9DdXN0b21TZWN0aW9uJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2VjdGlvbiB9IGZyb20gJy4vU2VjdGlvbic7XG5leHBvcnQgeyBzZWN0aW9uQ29udGV4dCB9IGZyb20gJy4vc2VjdGlvbkNvbnRleHQnO1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxPQUFPLElBQUlDLGFBQWEsUUFBUSxpQkFBaUI7QUFDMUQsU0FBU0QsT0FBTyxJQUFJRSxPQUFPLFFBQVEsV0FBVztBQUM5QyxTQUFTQyxjQUFjLFFBQVEsa0JBQWtCIiwiaWdub3JlTGlzdCI6W119

package/dist/sub/DynamicLayout/components/Section/sectionContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const sectionContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVDb250ZXh0Iiwic2VjdGlvbkNvbnRleHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uL3NlY3Rpb25Db250ZXh0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgSUNvbXBvc2l0aW9uLCBJU2VjdGlvbiB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IHNlY3Rpb25Db250ZXh0ID0gY3JlYXRlQ29udGV4dDxJU2VjdGlvbiB8IElDb21wb3NpdGlvbiB8IG51bGw+KG51bGwpO1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxhQUFhLFFBQVEsT0FBTztBQUlyQyxPQUFPLE1BQU1DLGNBQWMsZ0JBQUdELGFBQWEsQ0FBaUMsSUFBSSxDQUFDIiwiaWdub3JlTGlzdCI6W119

package/dist/sub/DynamicLayout/components/Section/util/index.js

@@ -0,0 +1,2 @@
+export { default as parseSectionBackgroundMediaData } from './parseSectionBackgroundMediaData';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwicGFyc2VTZWN0aW9uQmFja2dyb3VuZE1lZGlhRGF0YSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9zdWIvRHluYW1pY0xheW91dC9jb21wb25lbnRzL1NlY3Rpb24vdXRpbC9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IGFzIHBhcnNlU2VjdGlvbkJhY2tncm91bmRNZWRpYURhdGEgfSBmcm9tICcuL3BhcnNlU2VjdGlvbkJhY2tncm91bmRNZWRpYURhdGEnO1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxPQUFPLElBQUlDLCtCQUErQixRQUFRLG1DQUFtQyIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js

@@ -0,0 +1,15 @@
+import isNullOrUndefined from '@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined';
+const AVAILABLE_SPECS = ['CB_STYLE_PROP_BGMEDIA_SPEC_YSRC', 'CB_STYLE_PROP_BGMEDIA_SPEC_TYPE', 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL', 'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME', 'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY', 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT', 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION', 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR', 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT', 'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME', 'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR', 'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE', 'CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA'
+// 'CB_STYLE_PROP_BGMEDIA_SPEC_MPLAY'
+];
+export default function UseCustomSectionBackgroundMediaData(specs, device) {
+  return AVAILABLE_SPECS.reduce((acc, cur) => {
+    const baseKey = device === 'DESKTOP' ? cur : `${cur}:MOBILE`;
+    const value = isNullOrUndefined(specs[baseKey]) ? specs[cur] : specs[baseKey];
+    return {
+      ...acc,
+      [cur]: value
+    };
+  }, {});
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJpc051bGxPclVuZGVmaW5lZCIsIkFWQUlMQUJMRV9TUEVDUyIsIlVzZUN1c3RvbVNlY3Rpb25CYWNrZ3JvdW5kTWVkaWFEYXRhIiwic3BlY3MiLCJkZXZpY2UiLCJyZWR1Y2UiLCJhY2MiLCJjdXIiLCJiYXNlS2V5IiwidmFsdWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uL3V0aWwvcGFyc2VTZWN0aW9uQmFja2dyb3VuZE1lZGlhRGF0YS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNOdWxsT3JVbmRlZmluZWQgZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL0N1c3RvbVNlY3Rpb24vdXRpbC9pc051bGxPclVuZGVmaW5lZCc7XG5cbmltcG9ydCB0eXBlIHsgRGV2aWNlIH0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL0N1c3RvbVNlY3Rpb24vdXRpbC90eXBlcyc7XG5pbXBvcnQgdHlwZSB7XG4gIENCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDUyxcbiAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNTX0JBU0Vcbn0gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3R5cGVzJztcblxudHlwZSBTcGVjS2V5cyA9IGtleW9mIE9taXQ8Q0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNTLCAnQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfTVBMQVknPjtcbnR5cGUgU3BlY0Jhc2VLZXlzID0ga2V5b2YgT21pdDxcbiAgQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNTX0JBU0UsXG4gICdDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19NUExBWSdcbj47XG50eXBlIFZhbHVlU2V0VHlwZSA9IFBhcnRpYWw8UmVjb3JkPFNwZWNLZXlzLCBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgdW5kZWZpbmVkPj47XG5cbmNvbnN0IEFWQUlMQUJMRV9TUEVDUzogU3BlY0Jhc2VLZXlzW10gPSBbXG4gICdDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19ZU1JDJyxcbiAgJ0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1RZUEUnLFxuICAnQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfU0NST0xMJyxcbiAgJ0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX1NUQVJUVElNRScsXG4gICdDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19SRVBMQVknLFxuICAnQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfSU1BR0VGSVQnLFxuICAnQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfSU1BR0VQT1NJVElPTicsXG4gICdDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19JTUFHRVNFTEVDVE9SJyxcbiAgJ0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX0lNQUdFRklUJyxcbiAgJ0NCX1NUWUxFX1BST1BfQkdNRURJQV9TUEVDX0VORFRJTUUnLFxuICAnQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfVklERU9TRUxFQ1RPUicsXG4gICdDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19WQUxVRVRZUEUnLFxuICAnQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNfQ09OTkVDVERBVEEnXG4gIC8vICdDQl9TVFlMRV9QUk9QX0JHTUVESUFfU1BFQ19NUExBWSdcbl07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFVzZUN1c3RvbVNlY3Rpb25CYWNrZ3JvdW5kTWVkaWFEYXRhKFxuICBzcGVjczogQ0JfU1RZTEVfUFJPUF9CR01FRElBX1NQRUNTLFxuICBkZXZpY2U6IERldmljZVxuKTogVmFsdWVTZXRUeXBlIHtcbiAgcmV0dXJuIEFWQUlMQUJMRV9TUEVDUy5yZWR1Y2UoKGFjYywgY3VyKSA9PiB7XG4gICAgY29uc3QgYmFzZUtleTogU3BlY0tleXMgPSBkZXZpY2UgPT09ICdERVNLVE9QJyA/IGN1ciA6IGAke2N1cn06TU9CSUxFYDtcblxuICAgIGNvbnN0IHZhbHVlID0gaXNOdWxsT3JVbmRlZmluZWQoc3BlY3NbYmFzZUtleV0pID8gc3BlY3NbY3VyXSA6IHNwZWNzW2Jhc2VLZXldO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIFtjdXJdOiB2YWx1ZVxuICAgIH07XG4gIH0sIHt9KTtcbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsaUJBQWlCLE1BQU0sa0VBQWtFO0FBZWhHLE1BQU1DLGVBQStCLEdBQUcsQ0FDdEMsaUNBQWlDLEVBQ2pDLGlDQUFpQyxFQUNqQyxtQ0FBbUMsRUFDbkMsc0NBQXNDLEVBQ3RDLG1DQUFtQyxFQUNuQyxxQ0FBcUMsRUFDckMsMENBQTBDLEVBQzFDLDBDQUEwQyxFQUMxQyxxQ0FBcUMsRUFDckMsb0NBQW9DLEVBQ3BDLDBDQUEwQyxFQUMxQyxzQ0FBc0MsRUFDdEM7QUFDQTtBQUFBLENBQ0Q7QUFFRCxlQUFlLFNBQVNDLG1DQUFtQ0EsQ0FDekRDLEtBQWtDLEVBQ2xDQyxNQUFjLEVBQ0E7RUFDZCxPQUFPSCxlQUFlLENBQUNJLE1BQU0sQ0FBQyxDQUFDQyxHQUFHLEVBQUVDLEdBQUcsS0FBSztJQUMxQyxNQUFNQyxPQUFpQixHQUFHSixNQUFNLEtBQUssU0FBUyxHQUFHRyxHQUFHLEdBQUcsR0FBR0EsR0FBRyxTQUFTO0lBRXRFLE1BQU1FLEtBQUssR0FBR1QsaUJBQWlCLENBQUNHLEtBQUssQ0FBQ0ssT0FBTyxDQUFDLENBQUMsR0FBR0wsS0FBSyxDQUFDSSxHQUFHLENBQUMsR0FBR0osS0FBSyxDQUFDSyxPQUFPLENBQUM7SUFFN0UsT0FBTztNQUNMLEdBQUdGLEdBQUc7TUFDTixDQUFDQyxHQUFHLEdBQUdFO0lBQ1QsQ0FBQztFQUNILENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztBQUNSIiwiaWdub3JlTGlzdCI6W119

package/dist/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js

@@ -0,0 +1,31 @@
+import FlexGridCustomSection from '@sub/DynamicLayout/sections/FlexGridCustomSection';
+import { ContentsCarouselSection, ContentsSection, FooterSection, FullscreenIframeSection, InfoBoxSection, IntroSection, NormalTypeMembershipSection } from '../../sections';
+export default function SectionMatcher({
+  ...props
+}) {
+  if (props.type === 'CUSTOM') {
+    return /*#__PURE__*/React.createElement(FlexGridCustomSection, props);
+  }
+  const {
+    schema
+  } = props.manifest;
+  switch (schema) {
+    case 'BASE_INTRO':
+      return /*#__PURE__*/React.createElement(IntroSection, props);
+    case 'BASE_CONTENTS':
+      return /*#__PURE__*/React.createElement(ContentsSection, props);
+    case 'BASE_CONTENTS_CAROUSEL':
+      return /*#__PURE__*/React.createElement(ContentsCarouselSection, props);
+    case 'BASE_FOOTER':
+      return /*#__PURE__*/React.createElement(FooterSection, props);
+    case 'BASE_INFO_BOX':
+      return /*#__PURE__*/React.createElement(InfoBoxSection, props);
+    case 'EXP_IFRAME':
+      return /*#__PURE__*/React.createElement(FullscreenIframeSection, props);
+    case 'PRG_MEMBERSHIP_DISPLAY':
+      return /*#__PURE__*/React.createElement(NormalTypeMembershipSection, props);
+    default:
+      return /*#__PURE__*/React.createElement(React.Fragment, null, "ERROR: Schema NOT FOUND");
+  }
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJGbGV4R3JpZEN1c3RvbVNlY3Rpb24iLCJDb250ZW50c0Nhcm91c2VsU2VjdGlvbiIsIkNvbnRlbnRzU2VjdGlvbiIsIkZvb3RlclNlY3Rpb24iLCJGdWxsc2NyZWVuSWZyYW1lU2VjdGlvbiIsIkluZm9Cb3hTZWN0aW9uIiwiSW50cm9TZWN0aW9uIiwiTm9ybWFsVHlwZU1lbWJlcnNoaXBTZWN0aW9uIiwiU2VjdGlvbk1hdGNoZXIiLCJwcm9wcyIsInR5cGUiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJzY2hlbWEiLCJtYW5pZmVzdCIsIkZyYWdtZW50Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3N1Yi9EeW5hbWljTGF5b3V0L2NvbXBvbmVudHMvU2VjdGlvbk1hdGNoZXIvU2VjdGlvbk1hdGNoZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBGbGV4R3JpZEN1c3RvbVNlY3Rpb24gZnJvbSAnQHN1Yi9EeW5hbWljTGF5b3V0L3NlY3Rpb25zL0ZsZXhHcmlkQ3VzdG9tU2VjdGlvbic7XG5cbmltcG9ydCB7XG4gIENvbnRlbnRzQ2Fyb3VzZWxTZWN0aW9uLFxuICBDb250ZW50c1NlY3Rpb24sXG4gIEZvb3RlclNlY3Rpb24sXG4gIEZ1bGxzY3JlZW5JZnJhbWVTZWN0aW9uLFxuICBJbmZvQm94U2VjdGlvbixcbiAgSW50cm9TZWN0aW9uLFxuICBOb3JtYWxUeXBlTWVtYmVyc2hpcFNlY3Rpb25cbn0gZnJvbSAnLi4vLi4vc2VjdGlvbnMnO1xuXG5pbXBvcnQgdHlwZSB7IElTZWN0aW9uIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTZWN0aW9uTWF0Y2hlcih7IC4uLnByb3BzIH06IElTZWN0aW9uKSB7XG4gIGlmIChwcm9wcy50eXBlID09PSAnQ1VTVE9NJykge1xuICAgIHJldHVybiA8RmxleEdyaWRDdXN0b21TZWN0aW9uIHsuLi5wcm9wc30gLz47XG4gIH1cblxuICBjb25zdCB7IHNjaGVtYSB9ID0gcHJvcHMubWFuaWZlc3Q7XG5cbiAgc3dpdGNoIChzY2hlbWEpIHtcbiAgICBjYXNlICdCQVNFX0lOVFJPJzpcbiAgICAgIHJldHVybiA8SW50cm9TZWN0aW9uIHsuLi5wcm9wc30gLz47XG4gICAgY2FzZSAnQkFTRV9DT05URU5UUyc6XG4gICAgICByZXR1cm4gPENvbnRlbnRzU2VjdGlvbiB7Li4ucHJvcHN9IC8+O1xuICAgIGNhc2UgJ0JBU0VfQ09OVEVOVFNfQ0FST1VTRUwnOlxuICAgICAgcmV0dXJuIDxDb250ZW50c0Nhcm91c2VsU2VjdGlvbiB7Li4ucHJvcHN9IC8+O1xuICAgIGNhc2UgJ0JBU0VfRk9PVEVSJzpcbiAgICAgIHJldHVybiA8Rm9vdGVyU2VjdGlvbiB7Li4ucHJvcHN9IC8+O1xuICAgIGNhc2UgJ0JBU0VfSU5GT19CT1gnOlxuICAgICAgcmV0dXJuIDxJbmZvQm94U2VjdGlvbiB7Li4ucHJvcHN9IC8+O1xuICAgIGNhc2UgJ0VYUF9JRlJBTUUnOlxuICAgICAgcmV0dXJuIDxGdWxsc2NyZWVuSWZyYW1lU2VjdGlvbiB7Li4ucHJvcHN9IC8+O1xuICAgIGNhc2UgJ1BSR19NRU1CRVJTSElQX0RJU1BMQVknOlxuICAgICAgcmV0dXJuIDxOb3JtYWxUeXBlTWVtYmVyc2hpcFNlY3Rpb24gey4uLnByb3BzfSAvPjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIDw+RVJST1I6IFNjaGVtYSBOT1QgRk9VTkQ8Lz47XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EscUJBQXFCLE1BQU0sbURBQW1EO0FBRXJGLFNBQ0VDLHVCQUF1QixFQUN2QkMsZUFBZSxFQUNmQyxhQUFhLEVBQ2JDLHVCQUF1QixFQUN2QkMsY0FBYyxFQUNkQyxZQUFZLEVBQ1pDLDJCQUEyQixRQUN0QixnQkFBZ0I7QUFJdkIsZUFBZSxTQUFTQyxjQUFjQSxDQUFDO0VBQUUsR0FBR0M7QUFBZ0IsQ0FBQyxFQUFFO0VBQzdELElBQUlBLEtBQUssQ0FBQ0MsSUFBSSxLQUFLLFFBQVEsRUFBRTtJQUMzQixvQkFBT0MsS0FBQSxDQUFBQyxhQUFBLENBQUNaLHFCQUFxQixFQUFLUyxLQUFRLENBQUM7RUFDN0M7RUFFQSxNQUFNO0lBQUVJO0VBQU8sQ0FBQyxHQUFHSixLQUFLLENBQUNLLFFBQVE7RUFFakMsUUFBUUQsTUFBTTtJQUNaLEtBQUssWUFBWTtNQUNmLG9CQUFPRixLQUFBLENBQUFDLGFBQUEsQ0FBQ04sWUFBWSxFQUFLRyxLQUFRLENBQUM7SUFDcEMsS0FBSyxlQUFlO01BQ2xCLG9CQUFPRSxLQUFBLENBQUFDLGFBQUEsQ0FBQ1YsZUFBZSxFQUFLTyxLQUFRLENBQUM7SUFDdkMsS0FBSyx3QkFBd0I7TUFDM0Isb0JBQU9FLEtBQUEsQ0FBQUMsYUFBQSxDQUFDWCx1QkFBdUIsRUFBS1EsS0FBUSxDQUFDO0lBQy9DLEtBQUssYUFBYTtNQUNoQixvQkFBT0UsS0FBQSxDQUFBQyxhQUFBLENBQUNULGFBQWEsRUFBS00sS0FBUSxDQUFDO0lBQ3JDLEtBQUssZUFBZTtNQUNsQixvQkFBT0UsS0FBQSxDQUFBQyxhQUFBLENBQUNQLGNBQWMsRUFBS0ksS0FBUSxDQUFDO0lBQ3RDLEtBQUssWUFBWTtNQUNmLG9CQUFPRSxLQUFBLENBQUFDLGFBQUEsQ0FBQ1IsdUJBQXVCLEVBQUtLLEtBQVEsQ0FBQztJQUMvQyxLQUFLLHdCQUF3QjtNQUMzQixvQkFBT0UsS0FBQSxDQUFBQyxhQUFBLENBQUNMLDJCQUEyQixFQUFLRSxLQUFRLENBQUM7SUFDbkQ7TUFDRSxvQkFBT0UsS0FBQSxDQUFBQyxhQUFBLENBQUFELEtBQUEsQ0FBQUksUUFBQSxRQUFFLHlCQUF5QixDQUFDO0VBQ3ZDO0FBQ0YiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/sub/DynamicLayout/components/SectionMatcher/index.js

@@ -0,0 +1,2 @@
+export { default as SectionMatcher } from './SectionMatcher';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwiU2VjdGlvbk1hdGNoZXIiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvc3ViL0R5bmFtaWNMYXlvdXQvY29tcG9uZW50cy9TZWN0aW9uTWF0Y2hlci9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IGFzIFNlY3Rpb25NYXRjaGVyIH0gZnJvbSAnLi9TZWN0aW9uTWF0Y2hlcic7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLE9BQU8sSUFBSUMsY0FBYyxRQUFRLGtCQUFrQiIsImlnbm9yZUxpc3QiOltdfQ==