@mirrormedia/lilith-draft-renderer/lib/website/mirrormedia/block-renderer-fn.js

## Introduction

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.atomicBlockRenderer = atomicBlockRenderer;

var _blockRenderers = require("./block-renderers");

const {
  EmbeddedCodeBlock,
  MediaBlock,
  ImageBlock,
  InfoBoxBlock,
  SlideshowBlock,
  SlideshowBlockV2,
  DividerBlock,
  TableBlock,
  ColorBoxBlock,
  BGImageBlock,
  BGVideoBlock,
  RelatedPostBlock,
  SideIndexBlock,
  VideoBlock,
  VideoBlockV2,
  AudioBlock,
  AudioBlockV2,
  YoutubeBlock
} = _blockRenderers.blockRenderers;

const AtomicBlock = props => {
  const entity = props.contentState.getEntity(props.block.getEntityAt(0));
  const {
    contentLayout
  } = props.blockProps;
  const entityType = entity.getType();

  switch (entityType) {
    case 'audioLink':
    case 'imageLink':
    case 'videoLink':
      {
        return MediaBlock(entity);
      }

    case 'image':
      {
        return ImageBlock(props);
      }

    case 'slideshow':
      {
        return SlideshowBlock(entity);
      }

    case 'slideshow-v2':
      {
        return SlideshowBlockV2(entity, contentLayout);
      }

    case 'EMBEDDEDCODE':
      {
        return EmbeddedCodeBlock(entity, contentLayout);
      }

    case 'INFOBOX':
      {
        return InfoBoxBlock(props, contentLayout);
      }

    case 'DIVIDER':
      {
        return DividerBlock();
      }

    case 'TABLE':
      {
        return TableBlock(props);
      }

    case 'COLORBOX':
      {
        return ColorBoxBlock(props, contentLayout);
      }

    case 'BACKGROUNDIMAGE':
      {
        return BGImageBlock(props, contentLayout);
      }

    case 'BACKGROUNDVIDEO':
      {
        return BGVideoBlock(props, contentLayout);
      }

    case 'RELATEDPOST':
      {
        return RelatedPostBlock(entity);
      }

    case 'SIDEINDEX':
      {
        return SideIndexBlock(props);
      }

    case 'VIDEO':
      {
        return VideoBlock(entity, contentLayout);
      }

    case 'VIDEO-V2':
      {
        return VideoBlockV2(entity, contentLayout);
      }

    case 'AUDIO':
      {
        return AudioBlock(entity, contentLayout);
      }

    case 'AUDIO-V2':
      {
        return AudioBlockV2(entity, contentLayout);
      }

    case 'YOUTUBE':
      {
        return YoutubeBlock(entity, contentLayout);
      }
  }

  return null;
};

function atomicBlockRenderer(block, contentLayout, firstImageAdComponent) {
  if (block.getType() === 'atomic') {
    return {
      component: AtomicBlock,
      editable: false,
      props: {
        contentLayout,
        firstImageAdComponent
      }
    };
  }

  return null;
}