@mirrormedia/lilith-draft-editor 1.1.0-alpha.3 → 1.1.0-alpha.31

package/lib/draft-js/buttons/youtube.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YoutubeButton = YoutubeButton;
+exports.YoutubeInput = YoutubeInput;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _draftJs = require("draft-js");
+
+var _modals = require("@keystone-ui/modals");
+
+var _fields = require("@keystone-ui/fields");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const Label = _styledComponents.default.label`
+  display: block;
+  font-weight: 600;
+  margin: 10px 0;
+`;
+
+function YoutubeInput(props) {
+  const {
+    isOpen,
+    onChange,
+    onCancel
+  } = props;
+  const initialInputValue = {
+    description: '',
+    youtubeId: ''
+  };
+  const [inputValue, setInputValue] = (0, _react.useState)(initialInputValue);
+
+  const clearInputValue = () => {
+    setInputValue(initialInputValue);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
+    isOpen: isOpen
+  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
+    title: `Insert Youtube video`,
+    actions: {
+      cancel: {
+        label: 'Cancel',
+        action: () => {
+          clearInputValue();
+          onCancel();
+        }
+      },
+      confirm: {
+        label: 'Confirm',
+        action: () => {
+          onChange({
+            description: inputValue.description,
+            youtubeId: inputValue.youtubeId
+          });
+          clearInputValue();
+        }
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(Label, {
+    htmlFor: "description"
+  }, "Youtube Description"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+    onChange: e => setInputValue({
+      description: e.target.value,
+      youtubeId: inputValue.youtubeId
+    }),
+    type: "text",
+    placeholder: "description",
+    id: "description",
+    value: inputValue.description
+  }), /*#__PURE__*/_react.default.createElement(Label, {
+    htmlFor: "youtubeId"
+  }, "Youtube Videi Id"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+    onChange: e => setInputValue({
+      description: inputValue.description,
+      youtubeId: e.target.value
+    }),
+    type: "text",
+    placeholder: "youtubeId",
+    id: "youtubeId",
+    value: inputValue.youtubeId
+  })));
+}
+
+function YoutubeButton(props) {
+  const [toShowInput, setToShowInput] = (0, _react.useState)(false);
+  const {
+    className,
+    editorState,
+    onChange: onEditorStateChange
+  } = props;
+
+  const onChange = ({
+    description,
+    youtubeId
+  }) => {
+    const contentState = editorState.getCurrentContent(); // create an InfoBox entity
+
+    const contentStateWithEntity = contentState.createEntity('YOUTUBE', 'IMMUTABLE', {
+      description,
+      youtubeId
+    });
+    const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
+
+    const newEditorState = _draftJs.EditorState.set(editorState, {
+      currentContent: contentStateWithEntity
+    }); //The third parameter here is a space string, not an empty string
+    //If you set an empty string, you will get an error: Unknown DraftEntity key: null
+
+
+    onEditorStateChange(_draftJs.AtomicBlockUtils.insertAtomicBlock(newEditorState, entityKey, ' '));
+    setToShowInput(false);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(YoutubeInput, {
+    onChange: onChange,
+    onCancel: () => {
+      setToShowInput(false);
+    },
+    isOpen: toShowInput
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
+    onClick: () => {
+      setToShowInput(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    height: "16px",
+    width: "14px",
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 461.001 461.001"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#6b7280",
+    d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"
+  })), /*#__PURE__*/_react.default.createElement("span", null, "Youtube")));
+}

package/lib/draft-js/const.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var _const = require("@mirrormedia/lilith-draft-renderer/lib/draft-js/const");
+
 Object.keys(_const).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _const[key]) return;

package/lib/draft-js/draft-converter/api-data-instance.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _immutable = require("immutable");
+
 var _shortid = _interopRequireDefault(require("shortid"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ApiDataInstanceRecord = (0, _immutable.Record)({
   id: _shortid.default.generate(),
   type: 'paragraph',
@@ -15,30 +19,40 @@ const ApiDataInstanceRecord = (0, _immutable.Record)({
   styles: {},
   textAlign: undefined
 });
+
 class ApiDataInstance extends ApiDataInstanceRecord {
   constructor(props) {
     let id = props && props.id || _shortid.default.generate();
+
     props.id = id;
     super(props);
   }
+
   getId() {
     return this.get('id');
   }
+
   getType() {
     return this.get('type');
   }
+
   getAlignment() {
     return this.get('alignment');
   }
+
   getContent() {
     return this.get('content');
   }
+
   getStyles() {
     return this.get('styles');
   }
+
   getTextAlign() {
     return this.get('textAlign');
   }
+
 }
+
 var _default = ApiDataInstance;
 exports.default = _default;

package/lib/draft-js/draft-converter/atomic-block-processor.js

@@ -4,23 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _lodash = _interopRequireDefault(require("lodash"));
+
 var _apiDataInstance = _interopRequireDefault(require("./api-data-instance"));
+
 var _entities = _interopRequireDefault(require("./entities"));
+
 var _server = _interopRequireDefault(require("react-dom/server"));
+
 var _draftJs = require("draft-js");
+
 var _draftConvert = require("draft-convert");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable @typescript-eslint/no-var-requires */
 
+/* eslint-disable @typescript-eslint/no-var-requires */
 // import sizeOf from 'image-size';
-
 // eslint-disable-line
-
 // import htmlparser2 from 'htmlparser2'
 // eslint-disable-next-line no-undef
 const htmlparser2 = require('htmlparser2');
-
 /**
  *  @typedef {Object} DraftEditor.TableEntity.TableStyles
  *  @property {Record<string, string>[]} rows
@@ -32,23 +36,26 @@ const htmlparser2 = require('htmlparser2');
  *  @typedef {RawDraftContentState[][]} DraftEditor.TableEntity.TableData
  */
 
+
 const processor = {
   convertBlock(entityMap, block) {
     let alignment = 'center';
     let content;
     let entityRange = block.entityRanges[0];
-    let styles = {};
-    // current block's entity data
+    let styles = {}; // current block's entity data
     // ex:
     // entity.type = IMAGE, entity.data={id,name,url...}
+
     const entity = entityMap[entityRange.key];
-    let type = _lodash.default.get(entity, 'type', '');
 
-    // backward compatible. Old entity type might be lower case
+    let type = _lodash.default.get(entity, 'type', ''); // backward compatible. Old entity type might be lower case
+
+
     switch (type && type.toUpperCase()) {
       case _entities.default.INFOBOX.type:
         {
           var _entity$data, _entity$data2;
+
           // About INFOBOX atomic block entity data structure,
           // see `../views/editor/info-box.tsx` for more information.
           content = [{
@@ -57,29 +64,37 @@ const processor = {
           }];
           break;
         }
+
       case _entities.default.COLORBOX.type:
         {
           var _entity$data3, _entity$data4;
+
           content = [{
             color: entity === null || entity === void 0 ? void 0 : (_entity$data3 = entity.data) === null || _entity$data3 === void 0 ? void 0 : _entity$data3.color,
             body: entity === null || entity === void 0 ? void 0 : (_entity$data4 = entity.data) === null || _entity$data4 === void 0 ? void 0 : _entity$data4.body
           }];
           break;
         }
+
       case _entities.default.TABLE.type:
         {
           var _content, _content2;
+
           // About TABLE atomic block entity data structure,
           // see `../views/editor/table.tsx` for more information.
           content = entity === null || entity === void 0 ? void 0 : entity.data;
           /** @type DraftEditor.TableEntity.TableStyles */
+
           const tableStyles = (_content = content) === null || _content === void 0 ? void 0 : _content.tableStyles;
           /** @type DraftEditor.TableEntity.TableData */
+
           const tableData = (_content2 = content) === null || _content2 === void 0 ? void 0 : _content2.tableData;
           const rowsJsx = tableData === null || tableData === void 0 ? void 0 : tableData.map((row, rIndex) => {
             var _tableStyles$rows;
+
             const colsJsx = row === null || row === void 0 ? void 0 : row.map((col, cIndex) => {
               var _tableStyles$columns, _tableStyles$cells, _tableStyles$cells$rI;
+
               const colStyle = tableStyles === null || tableStyles === void 0 ? void 0 : (_tableStyles$columns = tableStyles.columns) === null || _tableStyles$columns === void 0 ? void 0 : _tableStyles$columns[cIndex];
               const cellStyle = tableStyles === null || tableStyles === void 0 ? void 0 : (_tableStyles$cells = tableStyles.cells) === null || _tableStyles$cells === void 0 ? void 0 : (_tableStyles$cells$rI = _tableStyles$cells[rIndex]) === null || _tableStyles$cells$rI === void 0 ? void 0 : _tableStyles$cells$rI[cIndex];
               return /*#__PURE__*/React.createElement("td", {
@@ -94,17 +109,20 @@ const processor = {
               key: `row_${rIndex}`,
               style: tableStyles === null || tableStyles === void 0 ? void 0 : (_tableStyles$rows = tableStyles.rows) === null || _tableStyles$rows === void 0 ? void 0 : _tableStyles$rows[rIndex]
             }, colsJsx);
-          });
-          // Use `React.renderToStsaticMarkup` to generate plain HTML string
+          }); // Use `React.renderToStsaticMarkup` to generate plain HTML string
+
           const html = _server.default.renderToStaticMarkup( /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, rowsJsx)));
+
           content = [{
             html
           }];
           break;
         }
+
       case _entities.default.DIVIDER.type:
         content = ['<hr>'];
         break;
+
       case _entities.default.BLOCKQUOTE.type:
         // this is different from default blockquote of draftjs
         // so we name our specific blockquote as 'quoteby'
@@ -113,12 +131,14 @@ const processor = {
         content = _lodash.default.get(entity, 'data');
         content = Array.isArray(content) ? content : [content];
         break;
+
       case _entities.default.AUDIO.type:
       case _entities.default.IMAGE.type:
       case _entities.default.IMAGEDIFF.type:
       case _entities.default.SLIDESHOW.type:
       case _entities.default['SLIDESHOW-V2'].type:
       case _entities.default.VIDEO.type:
+      case _entities.default['VIDEO-V2'].type:
       case _entities.default.YOUTUBE.type:
       case _entities.default.BACKGROUNDIMAGE.type:
       case _entities.default.BACKGROUNDVIDEO.type:
@@ -128,13 +148,17 @@ const processor = {
         content = _lodash.default.get(entity, 'data');
         content = Array.isArray(content) ? content : [content];
         break;
+
       case _entities.default.IMAGELINK.type:
         {
           // use Embedded component to dangerouslySetInnerHTML
           type = _entities.default.EMBEDDEDCODE.type;
           alignment = entity.data && entity.data.alignment || alignment;
+
           let description = _lodash.default.get(entity, ['data', 'description'], '');
+
           let url = _lodash.default.get(entity, ['data', 'url'], '');
+
           content = [{
             caption: description,
             embeddedCodeWithoutScript: `<img alt="${description}" src="${url}" class="img-responsive"/>`,
@@ -142,11 +166,15 @@ const processor = {
           }];
           break;
         }
+
       case _entities.default.EMBEDDEDCODE.type:
         {
           alignment = entity.data && entity.data.alignment || alignment;
+
           let caption = _lodash.default.get(entity, ['data', 'caption'], '');
+
           let embeddedCode = _lodash.default.get(entity, ['data', 'embeddedCode'], '');
+
           let script = {};
           let scripts = [];
           let scriptTagStart = false;
@@ -186,11 +214,12 @@ const processor = {
           }];
           break;
         }
+
       default:
         return;
-    }
+    } // block type of api data should be lower case
+
 
-    // block type of api data should be lower case
     return new _apiDataInstance.default({
       id: block.key,
       alignment,
@@ -199,6 +228,7 @@ const processor = {
       styles
     });
   }
+
 };
 var _default = processor;
 exports.default = _default;

package/lib/draft-js/draft-converter/entities.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // 'use strict';
-
 const ENTITY = {
   DIVIDER: {
     type: 'DIVIDER'
@@ -34,6 +33,9 @@ const ENTITY = {
   VIDEO: {
     type: 'VIDEO'
   },
+  ['VIDEO-V2']: {
+    type: 'VIDEO-V2'
+  },
   IMAGE: {
     type: 'IMAGE'
   },

package/lib/draft-js/draft-converter/index.js

@@ -4,19 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _immutable = require("immutable");
+
 var _lodash = _interopRequireDefault(require("lodash"));
+
 var InlineStylesProcessor = _interopRequireWildcard(require("./inline-styles-processor"));
+
 var _apiDataInstance = _interopRequireDefault(require("./api-data-instance"));
+
 var _atomicBlockProcessor = _interopRequireDefault(require("./atomic-block-processor"));
+
 var _entities = _interopRequireDefault(require("./entities"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Modified from https://github.com/dburrows/draft-js-basic-html-editor/blob/master/src/utils/draftRawToHtml.js
 
+// Modified from https://github.com/dburrows/draft-js-basic-html-editor/blob/master/src/utils/draftRawToHtml.js
 // 'use strict';
-
 let defaultBlockTagMap = {
   atomic: `<div>%content%</div>`,
   blockquote: `<blockquote>%content%</blockquote>`,
@@ -46,6 +54,7 @@ let defaultEntityTagMap = {
   [_entities.default.INFOBOX.type]: ['<div class="info-box-container center"><div class="info-box-title"><%= data.title %></div><div class="info-box-body"><%= data.body %></div>', '</div>'],
   [_entities.default.STOREDIMAGE.type]: ['<img alt="<%= data.name %>" src="<%= data.url %>" srcset="<%= data.urlMobileSized %> 800w,  <%= data.urlTabletSized %> 1280w, <%= data.urlDesktopSized %> 2400w" class="center">', '</img>'],
   [_entities.default.IMAGE.type]: ['<img alt="<%=data.name%>" src="<%=data.url%>" srcset="<%= data.mobile.url %> 800w,  <%= data.tablet.url %> 1280w, <%= data.desktop.url %> 2400w" class="center">', '</img>'],
+
   /*[ENTITY.IMAGEDIFF.type]: ['<!-- imageDiff component start --> <ol class="image-diff-container"> <% _.forEach(data, function(image, index) { if (index > 1) { return; } %><li class="image-diff-item"><img src="<%- image.url %>" /></li><% }); %>', '</ol><!-- imageDiff component end-->'],
   [ENTITY.IMAGELINK.type]: ['<img alt="<%= data.description %>" src="<%= data.url %>" class="<%= data.alignment %>">', '</img>'],*/
   [_entities.default.LINK.type]: ['<a target="_blank" href="<%= data.url %>">', '</a>'],
@@ -57,35 +66,39 @@ let nestedTagMap = {
   'ordered-list-item': ['<ol>', '</ol>'],
   'unordered-list-item': ['<ul>', '</ul>']
 };
+
 function _convertInlineStyle(block, entityMap, blockTagMap, entityTagMap) {
   return blockTagMap[block.type] ? blockTagMap[block.type].replace('%content%', InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block)) : blockTagMap.default.replace('%content%', InlineStylesProcessor.convertToHtml(inlineTagMap, block));
 }
+
 function _convertBlocksToHtml(blocks, entityMap, blockTagMap, entityTagMap) {
   let html = '';
   let nestLevel = []; // store the list type of the previous item: null/ol/ul
+
   blocks.forEach(block => {
     // create tag for <ol> or <ul>: deal with ordered/unordered list item
     // if the block is a list-item && the previous block is not a list-item
     if (nestedTagMap[block.type] && nestLevel[0] !== block.type) {
       html += nestedTagMap[block.type][0]; // start with <ol> or <ul>
+
       nestLevel.unshift(block.type);
-    }
+    } // end tag with </ol> or </ul>: deal with ordered/unordered list item
+
 
-    // end tag with </ol> or </ul>: deal with ordered/unordered list item
     if (nestLevel.length > 0 && nestLevel[0] !== block.type) {
       html += nestedTagMap[nestLevel.shift()][1]; // close with </ol> or </ul>
     }
 
     html += _convertInlineStyle(block, entityMap, blockTagMap, entityTagMap);
-  });
+  }); // end tag with </ol> or </ul>: or if it is the last block
 
-  // end tag with </ol> or </ul>: or if it is the last block
   if (blocks.length > 0 && nestedTagMap[blocks[blocks.length - 1].type]) {
     html += nestedTagMap[nestLevel.shift()][1]; // close with </ol> or </ul>
   }
 
   return html;
 }
+
 function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
   let apiDataArr = (0, _immutable.List)();
   let content = [];
@@ -102,6 +115,7 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
         content = [];
         nestLevel.shift();
       }
+
       if (block.type.startsWith('atomic') || block.type.startsWith('media')) {
         try {
           apiDataArr = apiDataArr.push(_atomicBlockProcessor.default.convertBlock(entityMap, block));
@@ -110,6 +124,7 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
         }
       } else {
         var _block$data;
+
         let converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block);
         const type = block.type;
         const textAlign = (_block$data = block.data) === null || _block$data === void 0 ? void 0 : _block$data.textAlign;
@@ -121,9 +136,8 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
         }));
       }
     } else {
-      let converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block);
+      let converted = InlineStylesProcessor.convertToHtml(inlineTagMap, entityTagMap, entityMap, block); // previous block is not an item-list block
 
-      // previous block is not an item-list block
       if (nestLevel.length === 0) {
         nestLevel.unshift(block.type);
         content.push(converted);
@@ -141,9 +155,8 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
         nestLevel[0] = block.type;
       }
     }
-  });
+  }); // last block is a item-list
 
-  // last block is a item-list
   if (blocks.length > 0 && nestLevel.length > 0) {
     let block = blocks[blocks.length - 1];
     apiDataArr = apiDataArr.push(new _apiDataInstance.default({
@@ -152,8 +165,10 @@ function convertBlocksToApiData(blocks, entityMap, entityTagMap) {
       content: content
     }));
   }
+
   return apiDataArr;
 }
+
 function convertRawToHtml(raw, blockTagMap, entityTagMap) {
   blockTagMap = _lodash.default.merge({}, defaultBlockTagMap, blockTagMap);
   entityTagMap = entityTagMap || defaultEntityTagMap;
@@ -164,17 +179,21 @@ function convertRawToHtml(raw, blockTagMap, entityTagMap) {
   html = _convertBlocksToHtml(blocks, entityMap, blockTagMap, entityTagMap);
   return html;
 }
+
 function convertRawToApiData(raw) {
   let apiData;
   raw = raw || {};
   const blocks = Array.isArray(raw.blocks) ? raw.blocks : [];
   const entityMap = typeof raw.entityMap === 'object' ? raw.entityMap : {};
+
   let entityTagMap = _lodash.default.merge({}, defaultEntityTagMap, {
     [_entities.default.ANNOTATION.type]: [`<span data-entity-type="annotation" data-annotation-body="<%= data.bodyEscapedHTML %>">`, '</span>']
   });
+
   apiData = convertBlocksToApiData(blocks, entityMap, entityTagMap);
   return apiData;
 }
+
 var _default = {
   convertToHtml: convertRawToHtml,
   convertToApiData: convertRawToApiData