dante2-editor 0.2.0 → 0.3.1

data/docs/dante.js

@@ -1,4 +1,3311 @@
-webpackJsonp([1],{0:function(t,e,o){"use strict";o(280),window.Dante=o(195)},25:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.addNewBlockAt=e.updateTextOfBlock=e.updateDataOfBlock=e.resetBlockWithType=e.addNewBlock=e.getCurrentBlock=e.getNode=e.getDefaultBlockData=void 0;var i=o(36),n=o(9),r=e.getDefaultBlockData=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};switch(t){default:return e}},s=(e.getNode=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window,e=null;return t.getSelection?e=t.getSelection():t.document.getSelection?e=t.document.getSelection():t.document.selection&&(e=t.document.selection.createRange().text),e},e.getCurrentBlock=function(t){var e=t.getSelection(),o=t.getCurrentContent(),i=o.getBlockForKey(e.getStartKey());return i});e.addNewBlock=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"unstyled",o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=t.getSelection();if(!i.isCollapsed())return t;var a=t.getCurrentContent(),l=i.getStartKey(),c=a.getBlockMap(),p=s(t);if(!p)return t;if(0===p.getLength()){if(p.getType()===e)return t;var h=p.merge({type:e,data:r(e,o)}),d=a.merge({blockMap:c.set(l,h),selectionAfter:i});return n.EditorState.push(t,d,"change-block-type")}return t},e.resetBlockWithType=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"unstyled",o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=t.getCurrentContent(),s=t.getSelection(),a=s.getStartKey(),l=i.getBlockMap(),c=l.get(a),p="";console.log("DATA FOR PLACEHOLDER!",o);var h=c.getText();c.getLength()>=2&&(p=h.substr(1));var d=c.merge({text:p,type:e,data:r(e,o)}),u=i.merge({blockMap:l.set(a,d),selectionAfter:s.merge({anchorOffset:0,focusOffset:0})});return n.EditorState.push(t,u,"change-block-type")},e.updateDataOfBlock=function(t,e,o){var i=t.getCurrentContent(),r=e.merge({data:o}),s=i.merge({blockMap:i.getBlockMap().set(e.getKey(),r)});return n.EditorState.push(t,s,"change-block-type")},e.updateTextOfBlock=function(t,e,o){var i=t.getCurrentContent(),r=e.merge({text:o}),s=i.merge({blockMap:i.getBlockMap().set(e.getKey(),r)});return n.EditorState.push(t,s,"change-block-type")},e.addNewBlockAt=function(t,e){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"unstyled",s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=t.getCurrentContent(),l=a.getBlockMap(),c=l.get(e),p=l.toSeq().takeUntil(function(t){return t===c}),h=l.toSeq().skipUntil(function(t){return t===c}).rest(),d=(0,n.genKey)(),u=new n.ContentBlock({key:d,type:o,text:"",characterList:c.getCharacterList().slice(0,0),depth:0,data:(0,i.Map)(r(o,s))}),f=p.concat([[e,c],[d,u]],h).toOrderedMap(),g=t.getSelection(),m=a.merge({blockMap:f,selectionBefore:g,selectionAfter:g.merge({anchorKey:d,anchorOffset:0,focusKey:d,focusOffset:0,isBackward:!1})});return n.EditorState.push(t,m,"split-block")}},48:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getSelectionRect=function(t){var e=t.getRangeAt(0).getBoundingClientRect(),o=e&&e.top?e:t.getRangeAt(0).getClientRects()[0];if(!o){if(!t.anchorNode||!t.anchorNode.getBoundingClientRect)return null;o=t.anchorNode.getBoundingClientRect(),o.isEmptyline=!0}return o},e.getSelection=function(t){var e=null;return t.getSelection?e=t.getSelection():t.document.getSelection?e=t.document.getSelection():t.document.selection&&(e=t.document.selection.createRange().text),e},e.getSelectedBlockNode=function(t){var e=t.getSelection();if(0===e.rangeCount)return null;var o=e.getRangeAt(0).startContainer;do{if(o.getAttribute&&"true"===o.getAttribute("data-block"))return o;o=o.parentNode}while(null!==o);return null}},144:function(t,e,o){t.exports=o.p+"fonts/dante.eot"},145:function(t,e,o){t.exports=o.p+"fonts/fontello.eot"},192:function(t,e,o){var i,n;i=o(9).Entity,n=function(t,e,o,n){return o.findEntityRanges(function(o){return function(o){var n,r,s;return n=o.getEntity(),s=null!==n&&i.get(n).getType()===t,s?(r={showPopLinkOver:e.showPopLinkOver,hidePopLinkOver:e.hidePopLinkOver},i.mergeData(n,r)):void 0,s}}(this),n)},t.exports=n},193:function(t,e,o){var i,n,r,s,a,l,c,p,h,d,u,f,g,m,y,k,_,v,b,S,E;v=o(9),r=v.ContentState,g=v.genKey,s=v.Entity,i=v.CharacterMetadata,n=v.ContentBlock,h=v.convertFromHTML,y=v.getSafeBodyFromHTML,b=o(36),a=b.List,l=b.OrderedSet,c=b.Repeat,f=b.fromJS,p=function(){var t,e;return t=arguments,e=t.length-1,function(){var o,i;for(o=e,i=t[e].apply(this,arguments);o--;)i=t[o].call(this,i);return i}},m=function(t){return function(t){return{contentType:"image",imgSrc:t.getAttribute("src")}}}(this),E=function(t){return function(t){var e;return null===t?null:(e=document.createElement("blockquote"),e.innerText=JSON.stringify(t),e)}}(this),S=function(t){return function(t,e){var o;if(e instanceof HTMLElement)return o=k(t),o.parentNode.insertBefore(e,o)}}(this),k=function(t){return function(t){var e;for(e=t;t.parentNode;)if("BODY"!==t.parentNode.tagName&&(t=t.parentNode),"BODY"===t.parentNode.tagName)return t}}(this),u=p(E,m),_=function(t){return function(t){return S(t,u(t))}}(this),d=function(t,e){var o,i,n;return n=(new DOMParser).parseFromString(t,"text/html"),o=n.querySelectorAll("img").forEach(function(t){return _(t)}),console.log(n.body.innerHTML),i=h(n.body.innerHTML,y,e),i=i.map(function(t){var e,o;if(console.log("CHECK BLOCK",t.getType()),"blockquote"!==t.getType())return t;e="";try{e=JSON.parse(t.getText())}catch(i){return t}return o=t.merge({type:"image",text:"",data:{url:e.imgSrc,forceUpload:!0}})}),n=null,r.createFromBlockArray(i)},t.exports=d},194:function(t,e,o){var i,n,r;r=o(47),i=o(36),n=function(){function t(t){this.getLocks=t.getLocks,this.config=t.config,this.editorContent=t.editorContent,this.editorState=t.editorState}return t.prototype.handleStore=function(t){return this.store()},t.prototype.store=function(t){if(this.config.data_storage.url&&!(this.getLocks()>0))return clearTimeout(this.timeout),this.timeout=setTimeout(function(e){return function(){return e.checkforStore(t)}}(this),this.config.data_storage.interval)},t.prototype.getTextFromEditor=function(t){return t.blocks.map(function(t){return function(t){return t.text}}(this)).join("\n")},t.prototype.getUrl=function(){var t;return t=this.config.data_storage.url,"function"==typeof t?t():t},t.prototype.getMethod=function(){var t;return t=this.config.data_storage.method,"function"==typeof t?t():t},t.prototype.checkforStore=function(t){var e;if(e=!i.is(i.fromJS(this.editorContent),i.fromJS(t)))return this.config.xhr.before_handler&&this.config.xhr.before_handler(),r({method:this.getMethod(),url:this.getUrl(),data:{editor_content:JSON.stringify(t),text_content:this.getTextFromEditor(t)}}).then(function(t){return function(e){if(t.config.data_storage.success_handler&&t.config.data_storage.success_handler(e),t.config.xhr.success_handler)return t.config.xhr.success_handler(e)}}(this))["catch"](function(t){return function(e){if(t.config.xhr.failure_handler)return t.config.xhr.failure_handler(e)}}(this))},t}(),t.exports=n},195:function(module,exports,__webpack_require__){var BlockMapBuilder,CompositeDecorator,ContentState,Dante,DanteAnchorPopover,DanteEditor,DanteImagePopover,DanteInlineTooltip,DanteTooltip,Debug,DefaultDraftBlockRenderMap,DraftPasteProcessor,Editor,EditorState,EmbedBlock,Entity,ImageBlock,Immutable,KeyBindingUtil,Link,Map,Modifier,PlaceholderBlock,React,ReactDOM,RichUtils,SaveBehavior,SelectionState,VideoBlock,addNewBlock,addNewBlockAt,convertFromHTML,convertFromRaw,convertToHTML,convertToRaw,customHTML2Content,findEntities,fromJS,getCurrentBlock,getDefaultKeyBinding,getSafeBodyFromHTML,getSelection,getSelectionOffsetKeyForNode,getSelectionRect,getVisibleSelectionRect,isSoftNewlineEvent,ref,ref1,ref2,ref3,ref4,resetBlockWithType,updateDataOfBlock,updateTextOfBlock,bind=function(t,e){return function(){return t.apply(e,arguments)}},extend=function(t,e){function o(){this.constructor=t}for(var i in e)hasProp.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},hasProp={}.hasOwnProperty;React=__webpack_require__(6),ReactDOM=__webpack_require__(13),Immutable=__webpack_require__(36),ref=__webpack_require__(36),Map=ref.Map,fromJS=ref.fromJS,ref1=__webpack_require__(9),convertToRaw=ref1.convertToRaw,convertFromRaw=ref1.convertFromRaw,CompositeDecorator=ref1.CompositeDecorator,getVisibleSelectionRect=ref1.getVisibleSelectionRect,getDefaultKeyBinding=ref1.getDefaultKeyBinding,getSelectionOffsetKeyForNode=ref1.getSelectionOffsetKeyForNode,KeyBindingUtil=ref1.KeyBindingUtil,ContentState=ref1.ContentState,Editor=ref1.Editor,EditorState=ref1.EditorState,Entity=ref1.Entity,RichUtils=ref1.RichUtils,DefaultDraftBlockRenderMap=ref1.DefaultDraftBlockRenderMap,SelectionState=ref1.SelectionState,Modifier=ref1.Modifier,BlockMapBuilder=ref1.BlockMapBuilder,getSafeBodyFromHTML=ref1.getSafeBodyFromHTML,DraftPasteProcessor=__webpack_require__(118),ref2=__webpack_require__(213),convertToHTML=ref2.convertToHTML,convertFromHTML=ref2.convertFromHTML,isSoftNewlineEvent=__webpack_require__(263),ref3=__webpack_require__(25),addNewBlock=ref3.addNewBlock,resetBlockWithType=ref3.resetBlockWithType,updateDataOfBlock=ref3.updateDataOfBlock,updateTextOfBlock=ref3.updateTextOfBlock,getCurrentBlock=ref3.getCurrentBlock,addNewBlockAt=ref3.addNewBlockAt,updateDataOfBlock=ref3.updateDataOfBlock,DanteImagePopover=__webpack_require__(203),DanteAnchorPopover=__webpack_require__(204),ref4=__webpack_require__(48),getSelectionRect=ref4.getSelectionRect,getSelection=ref4.getSelection,DanteInlineTooltip=__webpack_require__(202),DanteTooltip=__webpack_require__(205),Link=__webpack_require__(201),Debug=__webpack_require__(200),findEntities=__webpack_require__(192),ImageBlock=__webpack_require__(197),EmbedBlock=__webpack_require__(196),VideoBlock=__webpack_require__(199),PlaceholderBlock=__webpack_require__(198),SaveBehavior=__webpack_require__(194),customHTML2Content=__webpack_require__(193),Dante=function(){function t(t){var e;null==t&&(t={}),console.log("init editor Dante!"),e=Map(fromJS(this.defaultOptions(t))),this.options=e.mergeDeep(t).toJS(),console.log(this.options)}return t.prototype.defaultOptions=function(t){var e;return null==t&&(t={}),e={},e.el="app",e.content="",e.read_only=!1,e.spellcheck=!1,e.title_placeholder="Title",e.body_placeholder="Write your story",e.widgets=[{title:"add an image",icon:"image",type:"image",block:"ImageBlock",editable:!0,renderable:!0,breakOnContinuous:!0,wrapper_class:"graf graf--figure",selected_class:"is-selected is-mediaFocused",selectedFn:function(t){return function(t){var e;switch(e=t.getData().toJS().direction){case"left":return"graf--layoutOutsetLeft";case"center":return"";case"wide":return"sectionLayout--fullWidth";case"fill":return"graf--layoutFillWidth"}}}(this),handleEnterWithoutText:function(t,e){var o;return o=t.state.editorState,t.onChange(addNewBlockAt(o,e.getKey()))},handleEnterWithText:function(t,e){var o;return o=t.state.editorState,t.onChange(addNewBlockAt(o,e.getKey()))},widget_options:{displayOnInlineTooltip:!0,insertion:"upload",insert_block:"image"},options:{upload_url:t.upload_url,upload_callback:t.image_upload_callback,image_delete_callback:t.image_delete_callback,image_caption_placeholder:t.image_caption_placeholder}},{icon:"embed",title:"insert embed",type:"embed",block:"EmbedBlock",editable:!0,renderable:!0,breakOnContinuous:!0,wrapper_class:"graf graf--mixtapeEmbed",selected_class:"is-selected is-mediaFocused",widget_options:{displayOnInlineTooltip:!0,insertion:"placeholder",insert_block:"embed"},options:{endpoint:"//api.embed.ly/1/extract?key="+t.api_key+"&url=",placeholder:"Paste a link to embed content from another site (e.g. Twitter) and press Enter"},handleEnterWithoutText:function(t,e){var o;return o=t.state.editorState,t.onChange(addNewBlockAt(o,e.getKey()))},handleEnterWithText:function(t,e){var o;return o=t.state.editorState,t.onChange(addNewBlockAt(o,e.getKey()))}},{icon:"video",title:"insert video",editable:!0,type:"video",block:"VideoBlock",renderable:!0,breakOnContinuous:!0,wrapper_class:"graf--figure graf--iframe",selected_class:" is-selected is-mediaFocused",widget_options:{displayOnInlineTooltip:!0,insertion:"placeholder",insert_block:"video"},options:{endpoint:"//api.embed.ly/1/oembed?key="+t.api_key+"&url=",placeholder:"Paste a YouTube, Vine, Vimeo, or other video link, and press Enter",caption:"Type caption for embed (optional)"},handleEnterWithoutText:function(t,e){var o;return o=t.state.editorState,t.onChange(addNewBlockAt(o,e.getKey()))},handleEnterWithText:function(t,e){var o;return o=t.state.editorState,t.onChange(addNewBlockAt(o,e.getKey()))}},{renderable:!0,editable:!0,block:"PlaceholderBlock",type:"placeholder",wrapper_class:"is-embedable",selected_class:" is-selected is-mediaFocused",widget_options:{displayOnInlineTooltip:!1},handleEnterWithText:function(t,e){var o,i;return i=t.state.editorState,o={provisory_text:e.getText(),endpoint:e.getData().get("endpoint"),type:e.getData().get("type")},t.onChange(resetBlockWithType(i,o.type,o))}}],e.tooltips=[{ref:"insert_tooltip",component:DanteTooltip,displayOnSelection:!0,selectionElements:["unstyled","blockquote","ordered-list","unordered-list","unordered-list-item","ordered-list-item","code-block","header-one","header-two","header-three","header-four"],widget_options:{block_types:[{label:"h2",style:"header-one",type:"block"},{label:"h3",style:"header-two",type:"block"},{label:"h4",style:"header-three",type:"block"},{label:"blockquote",style:"blockquote",type:"block"},{label:"insertunorderedlist",style:"unordered-list-item",type:"block"},{label:"insertorderedlist",style:"ordered-list-item",type:"block"},{label:"code",style:"code-block",type:"block"},{label:"bold",style:"BOLD",type:"inline"},{label:"italic",style:"ITALIC",type:"inline"}]}},{ref:"add_tooltip",component:DanteInlineTooltip},{ref:"anchor_popover",component:DanteAnchorPopover},{ref:"image_popover",component:DanteImagePopover}],e.xhr={before_handler:null,success_handler:null,error_handler:null},e.data_storage={url:null,method:"POST",success_handler:null,failure_handler:null,interval:1500},e.default_wrappers=[{className:"graf--p",block:"unstyled"},{className:"graf--h2",block:"header-one"},{className:"graf--h3",block:"header-two"},{className:"graf--h4",block:"header-three"},{className:"graf--blockquote",block:"blockquote"},{className:"graf--insertunorderedlist",block:"unordered-list-item"},{className:"graf--insertorderedlist",block:"ordered-list-item"},{className:"graf--code",block:"code-block"},{className:"graf--bold",block:"BOLD"},{className:"graf--italic",block:"ITALIC"}],e.continuousBlocks=["unstyled","blockquote","ordered-list","unordered-list","unordered-list-item","ordered-list-item","code-block"],e.key_commands={"alt-shift":[{key:65,cmd:"add-new-block"}],"alt-cmd":[{key:49,cmd:"toggle_block:header-one"},{key:50,cmd:"toggle_block:header-two"},{key:53,cmd:"toggle_block:blockquote"}],cmd:[{key:66,cmd:"toggle_inline:BOLD"},{key:73,cmd:"toggle_inline:ITALIC"},{key:75,cmd:"insert:link"}]},e.character_convert_mapping={"> ":"blockquote","*.":"unordered-list-item","* ":"unordered-list-item","- ":"unordered-list-item","1.":"ordered-list-item","# ":"header-one","##":"header-two","==":"unstyled","` ":"code-block"},e},t.prototype.getContent=function(){return this.options.content},t.prototype.render=function(){return ReactDOM.render(React.createElement(DanteEditor,{content:this.getContent(),config:this.options}),document.getElementById(this.options.el))},t}(),DanteEditor=function(superClass){function DanteEditor(t){this.render=bind(this.render,this),this.hidePopLinkOver=bind(this.hidePopLinkOver,this),this.showPopLinkOver=bind(this.showPopLinkOver,this),this.handleHidePopLinkOver=bind(this.handleHidePopLinkOver,this),this.handleShowPopLinkOver=bind(this.handleShowPopLinkOver,this),this.tooltipHasSelectionElement=bind(this.tooltipHasSelectionElement,this),this.tooltipsWithProp=bind(this.tooltipsWithProp,this),this.relocateTooltips=bind(this.relocateTooltips,this),this.closePopOvers=bind(this.closePopOvers,this),this.toggleEditable=bind(this.toggleEditable,this),this.setDirection=bind(this.setDirection,this),this.updateBlockData=bind(this.updateBlockData,this),this.KeyBindingFn=bind(this.KeyBindingFn,this),this.findCommandKey=bind(this.findCommandKey,this),this.handleKeyCommand=bind(this.handleKeyCommand,this),this.handleBeforeInput=bind(this.handleBeforeInput,this),this.handleReturn=bind(this.handleReturn,this),this.handleDownArrow=bind(this.handleDownArrow,this),this.handleUpArrow=bind(this.handleUpArrow,this),this.handleDroppedFiles=bind(this.handleDroppedFiles,this),this.handlePasteImage=bind(this.handlePasteImage,this),this.handleHTMLPaste=bind(this.handleHTMLPaste,this),this.handleTXTPaste=bind(this.handleTXTPaste,this),this.handlePasteText=bind(this.handlePasteText,this),this.styleForBlock=bind(this.styleForBlock,this),this.getDataBlock=bind(this.getDataBlock,this),this.blockStyleFn=bind(this.blockStyleFn,this),this.handleBlockRenderer=bind(this.handleBlockRenderer,this),this.blockRenderer=bind(this.blockRenderer,this),this.defaultWrappers=bind(this.defaultWrappers,this),this.renderableBlocks=bind(this.renderableBlocks,this),this.removeLock=bind(this.removeLock,this),this.addLock=bind(this.addLock,this),this.getLocks=bind(this.getLocks,this),this.getTextFromEditor=bind(this.getTextFromEditor,this),this.decodeEditorContent=bind(this.decodeEditorContent,this),this.emitSerializedOutput=bind(this.emitSerializedOutput,this),this.getEditorState=bind(this.getEditorState,this),this.focus=bind(this.focus,this),this.setPreContent=bind(this.setPreContent,this),this.dispatchChangesToSave=bind(this.dispatchChangesToSave,this),this.onChange=bind(this.onChange,this),this.forceRender=bind(this.forceRender,this),this.refreshSelection=bind(this.refreshSelection,this),this.initializeState=bind(this.initializeState,this),DanteEditor.__super__.constructor.call(this,t),this.decorator=new CompositeDecorator([{strategy:findEntities.bind(null,"LINK",this),component:Link}]),this.blockRenderMap=Map({image:{element:"figure"},video:{element:"figure"},embed:{element:"div"},unstyled:{wrapper:null,element:"div"},paragraph:{wrapper:null,element:"div"},placeholder:{wrapper:null,element:"div"}}),this.extendedBlockRenderMap=DefaultDraftBlockRenderMap.merge(this.blockRenderMap),this.state={editorState:this.initializeState(),read_only:this.props.config.read_only,blockRenderMap:this.extendedBlockRenderMap,locks:0,debug:this.props.config.debug},this.widgets=this.props.config.widgets,this.tooltips=this.props.config.tooltips,this.key_commands=this.props.config.key_commands,this.continuousBlocks=this.props.config.continuousBlocks,this.block_types=this.props.config.block_types,this.default_wrappers=this.props.config.default_wrappers,this.character_convert_mapping=this.props.config.character_convert_mapping,this.save=new SaveBehavior({getLocks:this.getLocks,config:{xhr:this.props.config.xhr,data_storage:this.props.config.data_storage},editorState:this.state.editorState,editorContent:this.emitSerializedOutput()})}return extend(DanteEditor,superClass),DanteEditor.prototype.initializeState=function(){return this.props.content?this.decodeEditorContent(this.props.content):EditorState.createEmpty(this.decorator)},DanteEditor.prototype.refreshSelection=function(t){var e,o,i,n,r,s,a;return i=this.state.editorState,s=this.state.editorState.getSelection(),o=i.getCurrentContent(),a=SelectionState.createEmpty(s.getAnchorKey()),n=s.getFocusOffset(),e=s.getAnchorKey(),a=a.merge({anchorOffset:n,focusKey:e,focusOffset:n}),r=EditorState.forceSelection(t,a),this.onChange(r)},DanteEditor.prototype.forceRender=function(t){var e,o,i;return i=this.state.editorState.getSelection(),e=t.getCurrentContent(),o=EditorState.createWithContent(e,this.decorator),this.refreshSelection(o)},DanteEditor.prototype.onChange=function(t){var e,o,i;if(this.setPreContent(),this.setState({editorState:t}),o=getCurrentBlock(this.state.editorState),e=o.getType(),t.getSelection().isCollapsed())this.handleTooltipDisplayOn("displayOnSelection",!1);else{if(i=this.tooltipsWithProp("displayOnSelection")[0],!this.tooltipHasSelectionElement(i,e))return;this.handleTooltipDisplayOn("displayOnSelection")}return setTimeout(function(t){return function(){return t.relocateTooltips()}}(this),0),this.dispatchChangesToSave()},DanteEditor.prototype.dispatchChangesToSave=function(){return clearTimeout(this.saveTimeout),this.saveTimeout=setTimeout(function(t){return function(){return t.save.store(t.emitSerializedOutput())}}(this),100)},DanteEditor.prototype.setPreContent=function(){var t;return t=this.emitSerializedOutput(),this.save.editorContent=t},DanteEditor.prototype.focus=function(){},DanteEditor.prototype.getEditorState=function(){return this.state.editorState},DanteEditor.prototype.emitSerializedOutput=function(){var t;return t=convertToRaw(this.state.editorState.getCurrentContent())},DanteEditor.prototype.decodeEditorContent=function(t){var e,o;return o=convertFromRaw(t),e=EditorState.createWithContent(o,this.decorator)},DanteEditor.prototype.getTextFromEditor=function(){var t,e;return t=this.state.editorState.getCurrentContent(),e=t.getBlocksAsArray().map(function(t){return function(t){return t.getText()}}(this)).join("\n"),console.log(e),e},DanteEditor.prototype.emitHTML2=function(){var t;return t=convertToHTML({entityToHTML:function(t){return function(t,e){return"LINK"===t.type?'<a href="'+t.data.url+'">'+e+"</a>":e}}(this)})(this.state.editorState.getCurrentContent())},DanteEditor.prototype.getLocks=function(){return this.state.locks},DanteEditor.prototype.addLock=function(){return this.setState({locks:this.state.locks+=1})},DanteEditor.prototype.removeLock=function(){return this.setState({locks:this.state.locks-=1})},DanteEditor.prototype.renderableBlocks=function(){return this.widgets.filter(function(t){return t.renderable}).map(function(t){return t.type})},DanteEditor.prototype.defaultWrappers=function(t){return this.default_wrappers.filter(function(e){return function(e){return e.block===t}}(this)).map(function(t){return t.className})},DanteEditor.prototype.blockRenderer=function(t){var e,o;switch(t.getType()){case"atomic":e=t.getEntityAt(0),o=Entity.get(e).getType()}return this.renderableBlocks().includes(t.getType())?this.handleBlockRenderer(t):null},DanteEditor.prototype.handleBlockRenderer=function(block){var dataBlock,editable,read_only;return(dataBlock=this.getDataBlock(block))?(read_only=!this.state.read_only&&null,editable=null!==read_only?read_only:dataBlock.editable,{component:eval(dataBlock.block),editable:editable,props:{data:block.getData(),getEditorState:this.getEditorState,setEditorState:this.onChange,addLock:this.addLock,removeLock:this.removeLock,getLocks:this.getLocks,config:dataBlock.options}}):null},DanteEditor.prototype.blockStyleFn=function(t){var e,o,i;return e=getCurrentBlock(this.state.editorState),i=e.getKey()===t.getKey()?"is-selected":"",this.renderableBlocks().includes(t.getType())?this.styleForBlock(t,e,i):(o=this.defaultWrappers(t.getType()),o.length>0?"graf "+o[0]+" "+i:"graf nana "+i)},DanteEditor.prototype.getDataBlock=function(t){return this.widgets.find(function(e){return function(e){return e.type===t.getType()}}(this))},DanteEditor.prototype.styleForBlock=function(t,e,o){var i,n,r;return(i=this.getDataBlock(t))?(n=i.selectedFn?i.selectedFn(t):null,r=o?i.selected_class:"",i.wrapper_class+" "+r+" "+n):null},DanteEditor.prototype.handleTooltipDisplayOn=function(t,e){return null==e&&(e=!0),setTimeout(function(o){return function(){var i;return i=o.tooltipsWithProp(t),i.map(function(t){return o.refs[t.ref].display(e),o.refs[t.ref].relocate()})}}(this),20)},DanteEditor.prototype.handlePasteText=function(t,e){return e?e?this.handleHTMLPaste(t,e):void 0:this.handleTXTPaste(t,e)},DanteEditor.prototype.handleTXTPaste=function(t,e){var o,i,n;switch(o=getCurrentBlock(this.state.editorState),i=this.state.editorState,o.getType()){case"image":case"video":case"placeholder":return n=Modifier.replaceText(i.getCurrentContent(),new SelectionState({anchorKey:o.getKey(),anchorOffset:0,focusKey:o.getKey(),focusOffset:2}),t),i=EditorState.push(i,n,"replace-text"),this.onChange(i),!0;default:return!1}},DanteEditor.prototype.handleHTMLPaste=function(t,e){var o,i,n,r,s,a,l,c,p,h,d;switch(r=getCurrentBlock(this.state.editorState),r.getType()){case"image":case"video":case"placeholder":return this.handleTXTPaste(t,e)}return p=customHTML2Content(e,this.extendedBlockRenderMap),d=this.state.editorState.getSelection(),s=d.getEndKey(),n=this.state.editorState.getCurrentContent(),i=n.blockMap.toSeq().takeUntil(function(t){return function(t){return t.key===s}}(this)),o=n.blockMap.toSeq().skipUntil(function(t){return function(t){return t.key===s}}(this)).rest(),a=p.blockMap.first().getKey(),l=i.concat(p.blockMap,o).toOrderedMap(),c=n.merge({blockMap:l,selectionBefore:d,selectionAfter:d.merge({anchorKey:a,anchorOffset:0,focusKey:a,focusOffset:0,isBackward:!1})}),h=EditorState.push(this.state.editorState,c,"insert-fragment"),this.onChange(h),!0},DanteEditor.prototype.handlePasteImage=function(t){return t.map(function(t){return function(e){var o;return o={url:URL.createObjectURL(e),file:e},t.onChange(addNewBlock(t.state.editorState,"image",o))}}(this))},DanteEditor.prototype.handleDroppedFiles=function(t,e){return e.map(function(t){return function(e){var o;return o={url:URL.createObjectURL(e),file:e},t.onChange(addNewBlock(t.state.editorState,"image",o))}}(this))},DanteEditor.prototype.handleUpArrow=function(t){return setTimeout(function(t){return function(){return t.forceRender(t.state.editorState)}}(this),10)},DanteEditor.prototype.handleDownArrow=function(t){return setTimeout(function(t){return function(){return t.forceRender(t.state.editorState)}}(this),10)},DanteEditor.prototype.handleReturn=function(t){var e,o,i,n,r,s,a;if(this.props.handleReturn&&this.props.handleReturn())return!0;if(n=this.state.editorState,!t.altKey&&!t.metaKey&&!t.ctrlKey){if(i=getCurrentBlock(n),e=i.getType(),a=n.getSelection(),o=this.getDataBlock(i),0===i.getText().length){if(o&&o.handleEnterWithoutText)return o.handleEnterWithText(this,i),this.closePopOvers(),!0;switch(e){case"header-one":return this.onChange(resetBlockWithType(n,"unstyled")),!0;default:return!1}}return i.getText().length>0?"unstyled"===e?(r=Modifier.splitBlock(this.state.editorState.getCurrentContent(),this.state.editorState.getSelection()),s=EditorState.push(this.state.editorState,r,"insert-characters"),this.onChange(s),setTimeout(function(t){return function(){var t,e;return t=document.getElementsByClassName("is-selected"),e=t[0].getBoundingClientRect(),window.scrollTo(0,e.top+window.scrollY-100)}}(this),0),!0):o&&o.handleEnterWithText?(o.handleEnterWithText(this,i),this.closePopOvers(),!0):i.getLength()===a.getStartOffset()&&this.continuousBlocks.indexOf(e)<0&&(this.onChange(addNewBlockAt(n,i.getKey())),!0):i.getLength()===a.getStartOffset()&&this.continuousBlocks.indexOf(e)<0&&(this.onChange(addNewBlockAt(n,i.getKey())),!0)}},DanteEditor.prototype.handleBeforeInput=function(t){var e,o,i,n,r,s,a,l,c,p,h,d,u;return s=getCurrentBlock(this.state.editorState),r=s.getType(),u=this.state.editorState.getSelection(),a=this.state.editorState,0!==s.getText().length&&this.closePopOvers(),p=u.getEndOffset(),c=s.getEntityAt(p-1),l=c&&Entity.get(c).getType(),o=s.getEntityAt(p),e=o&&Entity.get(o).getType()," "===t&&"LINK"===l&&"LINK"!==e?(h=Modifier.insertText(a.getCurrentContent(),u," "),d=EditorState.push(a,h,"insert-characters"),this.onChange(d),!0):0!==r.indexOf("atomic")&&(i=s.getLength(),!(u.getAnchorOffset()>1||i>1||(n=this.character_convert_mapping[s.getText()+t],console.log("BLOCK TO SHOW: "+n),!n||(this.onChange(resetBlockWithType(a,n)),0))))},DanteEditor.prototype.handleKeyCommand=function(t){var e,o,i,n,r;return i=this.state.editorState,!((!this.props.handleKeyCommand||!this.props.handleKeyCommand(t))&&("add-new-block"===t?(this.onChange(addNewBlock(i,"blockquote")),0):(e=getCurrentBlock(i),0===t.indexOf("toggle_inline:")?(n=t.split(":")[1],o=e.getType(),this.onChange(RichUtils.toggleInlineStyle(i,n)),0):0===t.indexOf("toggle_block:")?(n=t.split(":")[1],o=e.getType(),this.onChange(RichUtils.toggleBlockType(i,n)),0):(r=RichUtils.handleKeyCommand(this.state.editorState,t),!r||(this.onChange(r),0)))))},DanteEditor.prototype.findCommandKey=function(t,e){return this.key_commands[t].find(function(t){return t.key===e})},DanteEditor.prototype.KeyBindingFn=function(t){var e;if(t.altKey){if(t.shiftKey)return e=this.findCommandKey("alt-shift",t.which),e?e.cmd:getDefaultKeyBinding(t);if(t.ctrlKey||t.metaKey)return e=this.findCommandKey("alt-cmd",t.which),e?e.cmd:getDefaultKeyBinding(t)}else if(t.ctrlKey||t.metaKey)return e=this.findCommandKey("cmd",t.which),e?e.cmd:getDefaultKeyBinding(t);return getDefaultKeyBinding(t)},DanteEditor.prototype.updateBlockData=function(t,e){var o,i,n;return o=t.getData(),i=o.merge(e),n=updateDataOfBlock(this.state.editorState,t,i),this.forceRender(n)},DanteEditor.prototype.setDirection=function(t){var e,o,i;return o=this.state.editorState.getCurrentContent(),i=this.state.editorState.getSelection(),e=o.getBlockForKey(i.anchorKey),this.updateBlockData(e,{direction:t})},DanteEditor.prototype.toggleEditable=function(){return this.closePopOvers(),this.setState({read_only:!this.state.read_only},this.testEmitAndDecode)},DanteEditor.prototype.closePopOvers=function(){return this.tooltips.map(function(t){return function(e){return t.refs[e.ref].hide()}}(this))},DanteEditor.prototype.relocateTooltips=function(){return this.tooltips.map(function(t){return function(e){return t.refs[e.ref].relocate()}}(this))},DanteEditor.prototype.tooltipsWithProp=function(t){return this.tooltips.filter(function(e){return function(e){return e[t]}}(this))},DanteEditor.prototype.tooltipHasSelectionElement=function(t,e){return t.selectionElements.includes(e)},DanteEditor.prototype.handleShowPopLinkOver=function(t){return this.showPopLinkOver()},DanteEditor.prototype.handleHidePopLinkOver=function(t){return this.hidePopLinkOver()},DanteEditor.prototype.showPopLinkOver=function(t){var e,o;return this.refs.anchor_popover.setState({url:t?t.href:this.refs.anchor_popover.state.url}),o=ReactDOM.findDOMNode(this),t&&(e=this.refs.anchor_popover.relocate(t)),e&&this.refs.anchor_popover.setPosition(e),this.refs.anchor_popover.setState({show:!0}),this.isHover=!0,this.cancelHide()},DanteEditor.prototype.hidePopLinkOver=function(){return this.hideTimeout=setTimeout(function(t){return function(){return t.refs.anchor_popover.hide()}}(this),300)},DanteEditor.prototype.cancelHide=function(){return clearTimeout(this.hideTimeout)},DanteEditor.prototype.render=function(){return React.createElement("div",{id:"content",suppressContentEditableWarning:!0},React.createElement("article",{className:"postArticle"},React.createElement("div",{className:"postContent"},React.createElement("div",{className:"notesSource"},React.createElement("div",{id:"editor",className:"postField postField--body"},React.createElement("section",{className:"section--first section--last"},React.createElement("div",{className:"section-divider layoutSingleColumn"},React.createElement("hr",{className:"section-divider"})),React.createElement("div",{className:"section-content"},React.createElement("div",{ref:"richEditor",className:"section-inner layoutSingleColumn",onClick:this.focus},React.createElement(Editor,{blockRendererFn:this.blockRenderer,editorState:this.state.editorState,onChange:this.onChange,onUpArrow:this.handleUpArrow,onDownArrow:this.handleDownArrow,handleReturn:this.handleReturn,blockRenderMap:this.state.blockRenderMap,blockStyleFn:this.blockStyleFn,handlePastedText:this.handlePasteText,handlePastedFiles:this.handlePasteImage,handleDroppedFiles:this.handleDroppedFiles,handleKeyCommand:this.handleKeyCommand,keyBindingFn:this.KeyBindingFn,handleBeforeInput:this.handleBeforeInput,
-readOnly:this.state.read_only,placeholder:this.props.config.body_placeholder,ref:"editor"})))))))),this.tooltips.map(function(t){return function(e,o){return React.createElement(e.component,{ref:e.ref,key:o,editor:t,editorState:t.state.editorState,onChange:t.onChange,configTooltip:e,widget_options:e.widget_options,showPopLinkOver:t.showPopLinkOver,hidePopLinkOver:t.hidePopLinkOver,handleOnMouseOver:t.handleShowPopLinkOver,handleOnMouseOut:t.handleHidePopLinkOver})}}(this)),this.state.debug?React.createElement(Debug,{locks:this.state.locks,editor:this}):void 0)},DanteEditor}(React.Component),module.exports=Dante},196:function(t,e,o){var i,n,r,s,a,l,c,p,h,d,u=function(t,e){return function(){return t.apply(e,arguments)}},f=function(t,e){function o(){this.constructor=t}for(var i in e)g.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},g={}.hasOwnProperty;a=o(6),l=o(13),h=o(9),s=h.Entity,c=h.RichUtils,i=h.AtomicBlockUtils,n=h.EditorBlock,p=o(47),d=o(25).updateDataOfBlock,r=function(t){function e(t){this.componentDidMount=u(this.componentDidMount,this),this.dataForUpdate=u(this.dataForUpdate,this),this.updateData=u(this.updateData,this),e.__super__.constructor.call(this,t),this.state={embed_data:this.defaultData(),error:""}}return f(e,t),e.prototype.defaultData=function(){var t;return t=this.props.block.getData().toJS(),t.embed_data||{}},e.prototype.updateData=function(){var t,e,o,i,n,r;return e=this.props.blockProps,t=this.props.block,i=this.props.blockProps.getEditorState,r=this.props.blockProps.setEditorState,o=t.getData(),n=o.merge(this.state),r(d(i(),t,n))},e.prototype.dataForUpdate=function(){return this.props.blockProps.data.toJS()},e.prototype.componentDidMount=function(){if(this.props.blockProps.data&&(this.dataForUpdate().endpoint||this.dataForUpdate().provisory_text))return p({method:"get",url:""+this.dataForUpdate().endpoint+this.dataForUpdate().provisory_text+"&scheme=https"}).then(function(t){return function(e){return t.setState({embed_data:e.data},t.updateData)}}(this))["catch"](function(t){return function(e){return t.setState({error:e.response.data.error_message}),console.log("TODO: error")}}(this))},e.prototype.classForImage=function(){return this.state.embed_data.images?"":"mixtapeImage--empty u-ignoreBlock"},e.prototype.picture=function(){return this.state.embed_data.images&&this.state.embed_data.images.length>0?this.state.embed_data.images[0].url:""},e.prototype.render=function(){return console.log("ERROR",this.state.error),a.createElement("span",null,this.picture()?a.createElement("a",{target:"_blank",className:"js-mixtapeImage mixtapeImage "+this.classForImage(),href:this.state.embed_data.url,style:{backgroundImage:"url('"+this.picture()+"')"}}):void 0,this.state.error?a.createElement("h2",null,this.state.error):void 0,a.createElement("a",{className:"markup--anchor markup--mixtapeEmbed-anchor",target:"_blank",href:this.state.embed_data.url},a.createElement("strong",{className:"markup--strong markup--mixtapeEmbed-strong"},this.state.embed_data.title),a.createElement("em",{className:"markup--em markup--mixtapeEmbed-em"},this.state.embed_data.description)),this.state.embed_data.provider_url)},e}(a.Component),t.exports=r},197:function(t,e,o){var i,r,s,a,l,c,p,h,d,u,f,g,m=function(t,e){return function(){return t.apply(e,arguments)}},y=function(t,e){function o(){this.constructor=t}for(var i in e)k.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},k={}.hasOwnProperty;p=o(6),h=o(13),f=o(9),a=f.Entity,d=f.RichUtils,i=f.AtomicBlockUtils,r=f.EditorBlock,s=f.EditorState,u=o(47),g=o(25).updateDataOfBlock,l=function(t){function e(t){this.render=m(this.render,this),this.handleFocus=m(this.handleFocus,this),this.placeholderText=m(this.placeholderText,this),this.placeHolderEnabled=m(this.placeHolderEnabled,this),this.updateProgressBar=m(this.updateProgressBar,this),this.uploadCompleted=m(this.uploadCompleted,this),this.uploadFile=m(this.uploadFile,this),this.getUploadUrl=m(this.getUploadUrl,this),this.handleGrafFigureSelectImg=m(this.handleGrafFigureSelectImg,this),this.updateDataSelection=m(this.updateDataSelection,this),this.aspectRatio=m(this.aspectRatio,this),this.handleUpload=m(this.handleUpload,this),this.stopLoader=m(this.stopLoader,this),this.startLoader=m(this.startLoader,this),this.replaceImg=m(this.replaceImg,this),this.updateData=m(this.updateData,this),this.defaultAspectRatio=m(this.defaultAspectRatio,this),this.defaultUrl=m(this.defaultUrl,this),this.blockPropsSrc=m(this.blockPropsSrc,this);var o;e.__super__.constructor.call(this,t),o=this.props.block.getData().toJS(),this.config=this.props.blockProps.config,this.file=this.props.blockProps.data.get("file"),this.state={loading:!1,selected:!1,loading_progress:0,enabled:!1,caption:this.defaultPlaceholder(),direction:o.direction||"center",width:0,height:0,file:null,url:this.blockPropsSrc()||this.defaultUrl(o),aspect_ratio:this.defaultAspectRatio(o)}}return y(e,t),e.prototype.blockPropsSrc=function(){return this.props.blockProps.data.src},e.prototype.defaultUrl=function(t){return t.url?t.url:t.url?t.file?URL.createObjectURL(t.file):t.url:this.props.blockProps.data.src},e.prototype.defaultPlaceholder=function(){return this.props.blockProps.config.image_caption_placeholder},e.prototype.defaultAspectRatio=function(t){return t.aspect_ratio?{width:t.aspect_ratio.width,height:t.aspect_ratio.height,ratio:t.aspect_ratio.ratio}:{width:0,height:0,ratio:100}},e.prototype.getAspectRatio=function(t,e){var o,i,n,r,s,a,l;return r=1e3,n=1e3,s=0,l=t,i=e,l>r?(s=r/l,i*=s,l*=s):i>n&&(s=n/i,l*=s,i*=s),o=i/l*100,a={width:l,height:i,ratio:o}},e.prototype.updateData=function(){var t,e,o,i,n,r;return e=this.props.blockProps,t=this.props.block,i=this.props.blockProps.getEditorState,r=this.props.blockProps.setEditorState,o=t.getData(),n=o.merge(this.state).merge({forceUpload:!1}),r(g(i(),t,n))},e.prototype.replaceImg=function(){var t;if(this.img=new Image,this.img.src=this.refs.image_tag.src,this.setState({url:this.img.src}),t=this,this.img.src.includes("blob:")||this.props.block.data.get("forceUpload"))return this.img.onload=function(e){return function(){return e.setState({width:e.img.width,height:e.img.height,aspect_ratio:t.getAspectRatio(e.img.width,e.img.height)}),e.handleUpload()}}(this)},e.prototype.startLoader=function(){return this.setState({loading:!0})},e.prototype.stopLoader=function(){return this.setState({loading:!1})},e.prototype.handleUpload=function(){return this.startLoader(),this.props.blockProps.addLock(),this.updateData(),this.uploadFile()},e.prototype.componentDidMount=function(){return this.replaceImg()},e.prototype.aspectRatio=function(){return{maxWidth:""+this.state.aspect_ratio.width,maxHeight:""+this.state.aspect_ratio.height,ratio:""+this.state.aspect_ratio.height}},e.prototype.updateDataSelection=function(){var t,e,o;return t=this.props.blockProps.getEditorState,o=this.props.blockProps.setEditorState,e=t().getSelection().merge({anchorKey:this.props.block.getKey(),focusKey:this.props.block.getKey()}),o(s.forceSelection(t(),e))},e.prototype.handleGrafFigureSelectImg=function(t){return t.preventDefault(),this.setState({selected:!0},this.updateDataSelection)},e.prototype.coords=function(){return{maxWidth:this.state.aspect_ratio.width+"px",maxHeight:this.state.aspect_ratio.height+"px"}},e.prototype.getBase64Image=function(t){var e,o,i;return e=document.createElement("canvas"),e.width=t.width,e.height=t.height,o=e.getContext("2d"),o.drawImage(t,0,0),i=e.toDataURL("image/png")},e.prototype.formatData=function(){var t;return t=new FormData,this.file?(t.append("file",this.file),t):(t.append("url",this.props.blockProps.data.get("url")),t)},e.prototype.getUploadUrl=function(){var t;return t=this.config.upload_url,"function"==typeof t?t():t},e.prototype.uploadFile=function(){var t;return u({method:"post",url:this.getUploadUrl(),data:this.formatData(),onUploadProgress:function(t){return function(e){return t.updateProgressBar(e)}}(this)}).then(function(t){return function(e){if(t.uploadCompleted(e.data),t.props.blockProps.removeLock(),t.stopLoader(),t.file=null,t.config.upload_callback)return t.config.upload_callback(response,t)}}(this))["catch"](function(t){return function(e){if(t.props.blockProps.removeLock(),t.stopLoader(),console.log("ERROR: got error uploading file "+e),t.config.upload_error_callback)return t.config.upload_error_callback(e,t)}}(this)),t=function(t){return function(e){return t.uploadCompleted(e,n)}}(this)},e.prototype.uploadCompleted=function(t){return this.setState({url:t.url},this.updateData)},e.prototype.updateProgressBar=function(t){var e;if(e=this.state.loading_progress,t.lengthComputable)return e=t.loaded/t.total*100,e=null!=e?e:{complete:0},this.setState({loading_progress:e}),console.log("complete: "+e)},e.prototype.placeHolderEnabled=function(){return this.state.enabled||this.props.block.getText()},e.prototype.placeholderText=function(){return this.placeHolderEnabled()?"":"Write caption for image (optional)"},e.prototype.handleFocus=function(t){return setTimeout(function(t){return function(){return t.setState({enabled:!0})}}(this),0)},e.prototype.render=function(){return p.createElement("div",{ref:"image_tag2",suppressContentEditableWarning:!0},p.createElement("div",{className:"aspectRatioPlaceholder is-locked",style:this.coords(),onClick:this.handleGrafFigureSelectImg},p.createElement("div",{style:{paddingBottom:this.state.aspect_ratio.ratio+"%"},className:"aspect-ratio-fill"}),p.createElement("img",{src:this.state.url,ref:"image_tag",height:this.state.aspect_ratio.height,width:this.state.aspect_ratio.width,className:"graf-image"}),p.createElement(c,{toggle:this.state.loading,progress:this.state.loading_progress})),p.createElement("figcaption",{className:"imageCaption",onMouseDown:this.handleFocus},this.state.enabled?void 0:p.createElement("span",{className:"danteDefaultPlaceholder"},this.placeholderText()),p.createElement(r,Object.assign({},this.props,{editable:!0,className:"imageCaption"}))))},e}(p.Component),c=function(t){function e(){return e.__super__.constructor.apply(this,arguments)}return y(e,t),e.prototype.render=function(){return p.createElement("div",null,this.props.toggle?p.createElement("div",{className:"image-upoader-loader"},p.createElement("p",null,100===this.props.progress?"processing image...":p.createElement("span",null,p.createElement("span",null,"loading"),Math.round(this.props.progress)))):void 0)},e}(p.Component),t.exports=l},198:function(t,e,o){var i,n,r,s,a,l,c,p,h=function(t,e){return function(){return t.apply(e,arguments)}},d=function(t,e){function o(){this.constructor=t}for(var i in e)u.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},u={}.hasOwnProperty;a=o(6),l=o(13),p=o(9),r=p.Entity,c=p.RichUtils,i=p.AtomicBlockUtils,n=p.EditorBlock,s=function(t){function e(t){this.classForDefault=h(this.classForDefault,this),this.handleFocus=h(this.handleFocus,this),this.defaultText=h(this.defaultText,this),this.placeholderFromProps=h(this.placeholderFromProps,this),this.placeholderText=h(this.placeholderText,this),e.__super__.constructor.call(this,t),this.state={enabled:!1,data:this.props.blockProps.data.toJS()}}return d(e,t),e.prototype.placeholderText=function(){return this.state.enabled?"":this.props.blockProps.data.toJS().placeholder||this.placeholderFromProps()||this.defaultText()},e.prototype.placeholderFromProps=function(){return this.props.block.toJS().placeholder},e.prototype.defaultText=function(){return"write something "},e.prototype.componentDidMount=function(){},e.prototype.handleFocus=function(t){return setTimeout(function(t){return function(){return t.setState({enabled:!0})}}(this),0)},e.prototype.classForDefault=function(){return this.state.enabled?"":"defaultValue defaultValue--root"},e.prototype.render=function(){return a.createElement("span",{className:this.classForDefault(),onMouseDown:this.handleFocus},this.placeholderText(),a.createElement(n,Object.assign({},this.props,{className:"imageCaption",placeholder:"escrive alalal"})))},e}(a.Component),t.exports=s},199:function(t,e,o){var i,n,r,s,a,l,c,p,h,d,u=function(t,e){return function(){return t.apply(e,arguments)}},f=function(t,e){function o(){this.constructor=t}for(var i in e)g.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},g={}.hasOwnProperty;s=o(6),a=o(13),h=o(9),r=h.Entity,l=h.RichUtils,i=h.AtomicBlockUtils,n=h.EditorBlock,d=o(25).updateDataOfBlock,p=o(47),c=function(t){function e(t){this.dataForUpdate=u(this.dataForUpdate,this),this.updateData=u(this.updateData,this),e.__super__.constructor.call(this,t),this.state={embed_data:this.defaultData()}}return f(e,t),e.prototype.defaultData=function(){var t;return t=this.props.block.getData().toJS(),t.embed_data||{}},e.prototype.updateData=function(){var t,e,o,i,n,r;return e=this.props.blockProps,t=this.props.block,i=this.props.blockProps.getEditorState,r=this.props.blockProps.setEditorState,o=t.getData(),n=o.merge(this.state),r(d(i(),t,n))},e.prototype.dataForUpdate=function(){return this.props.blockProps.data.toJS()},e.prototype.componentDidMount=function(){if(this.props.blockProps.data&&(this.dataForUpdate().endpoint||this.dataForUpdate().provisory_text))return p({method:"get",url:""+this.dataForUpdate().endpoint+this.dataForUpdate().provisory_text+"&scheme=https"}).then(function(t){return function(e){return t.setState({embed_data:e.data},t.updateData)}}(this))["catch"](function(t){return function(t){return console.log("TODO: error")}}(this))},e.prototype.classForImage=function(){return this.state.embed_data.thumbnail_url?"":"mixtapeImage--empty u-ignoreBlock"},e.prototype.render=function(){return s.createElement("figure",{className:"graf--figure graf--iframe graf--first",tabIndex:"0"},s.createElement("div",{className:"iframeContainer",dangerouslySetInnerHTML:{__html:this.state.embed_data.html}}),s.createElement("figcaption",{className:"imageCaption"},s.createElement(n,Object.assign({},this.props,{className:"imageCaption"}))))},e}(s.Component),t.exports=c},200:function(t,e,o){var i,n,r=function(t,e){return function(){return t.apply(e,arguments)}},s=function(t,e){function o(){this.constructor=t}for(var i in e)a.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},a={}.hasOwnProperty;n=o(6),i=function(t){function e(t){null==t&&(t={}),this.render=r(this.render,this),this.open=r(this.open,this),this.toggleDisplay=r(this.toggleDisplay,this),this.logState=r(this.logState,this),this.testEmitTEXT=r(this.testEmitTEXT,this),this.testEmitAndDecode=r(this.testEmitAndDecode,this),this.handleTestEmitTEXT=r(this.handleTestEmitTEXT,this),this.handleTestEmitAndDecode=r(this.handleTestEmitAndDecode,this),this.handleToggleReadOnly=r(this.handleToggleReadOnly,this),this.state={output:"",display:"none"}}return s(e,t),e.prototype.handleToggleReadOnly=function(t){return t.preventDefault(),this.props.editor.toggleEditable(),!1},e.prototype.handleTestEmitAndDecode=function(t){return t.preventDefault(),this.testEmitAndDecode()},e.prototype.handleTestEmitTEXT=function(t){return t.preventDefault(),this.testEmitTEXT()},e.prototype.testEmitAndDecode=function(t){var e;return e=this.props.editor.emitSerializedOutput(),this.props.editor.setState({editorState:this.props.editor.decodeEditorContent(e)},this.logState(JSON.stringify(e))),!1},e.prototype.testEmitTEXT=function(){var t;return t=this.props.editor.getTextFromEditor(),this.logState(t)},e.prototype.logState=function(t){return this.setState({output:t},this.open)},e.prototype.toggleDisplay=function(t){var e;return t.preventDefault(),e="block"===this.state.display?"none":this.state.display,this.setState({display:e})},e.prototype.open=function(){return this.setState({display:"block"})},e.prototype.render=function(){return n.createElement("div",null,n.createElement("div",{className:"debugControls"},n.createElement("ul",null,n.createElement("li",null,"LOCKS: ",this.props.editor.state.locks),n.createElement("li",null,n.createElement("a",{href:"#",onClick:this.handleToggleReadOnly},"EDITABLE: ",this.props.editor.state.read_only?"NO":"YES")),n.createElement("li",null,n.createElement("a",{href:"#",onClick:this.handleTestEmitTEXT},"EDITOR TEXT")),n.createElement("li",null,n.createElement("a",{href:"#",onClick:this.handleTestEmitAndDecode},"EDITOR STATE")))),n.createElement("div",{className:"debugZone",style:{display:this.state.display}},n.createElement("a",{href:"#",className:"dante-debug-close close",onClick:this.toggleDisplay}),n.createElement("div",{className:"debugOutput"},n.createElement("h2",null,"EDITOR OUTPUT"),this.state.output.length>0?n.createElement("pre",null,this.state.output):void 0)))},e}(n.Component),t.exports=i},201:function(t,e,o){var i,n,r,s=function(t,e){return function(){return t.apply(e,arguments)}},a=function(t,e){function o(){this.constructor=t}for(var i in e)l.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},l={}.hasOwnProperty;r=o(6),i=o(9).Entity,n=function(t){function e(t){this._hidePopLinkOver=s(this._hidePopLinkOver,this),this._showPopLinkOver=s(this._showPopLinkOver,this),this._checkProtocol=s(this._checkProtocol,this),this._validateLink=s(this._validateLink,this),e.__super__.constructor.call(this,t),this.isHover=!1}return a(e,t),e.prototype._validateLink=function(){var t;return t=new RegExp("^(https?://)?((([a-zd]([a-zd-]*[a-zd])*).)+[a-z]{2,}|((d{1,3}.){3}d{1,3}))(:d+)?(/[-a-zd%_.~+]*)*(?[;&a-zd%_.~+=-]*)?(#[-a-zd_]*)?$","i"),!!t.test(str)||(alert("Please enter a valid URL."),!1)},e.prototype._checkProtocol=function(){return console.log("xcvd")},e.prototype._showPopLinkOver=function(t){if(this.data.showPopLinkOver)return this.data.showPopLinkOver(this.refs.link)},e.prototype._hidePopLinkOver=function(t){if(this.data.hidePopLinkOver)return this.data.hidePopLinkOver()},e.prototype.render=function(){return this.data=i.get(this.props.entityKey).getData(),r.createElement("a",{ref:"link",href:this.data.url,className:"markup--anchor",onMouseOver:this._showPopLinkOver,onMouseOut:this._hidePopLinkOver},this.props.children)},e}(r.Component),t.exports=n},202:function(t,e,o){var i,n,r,s,a,l,c,p,h,d,u,f,g,m,y,k,_,v,b=function(t,e){return function(){return t.apply(e,arguments)}},S=function(t,e){function o(){this.constructor=t}for(var i in e)E.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},E={}.hasOwnProperty;l=o(6),c=o(13),m=o(9),s=m.Entity,p=m.RichUtils,i=m.AtomicBlockUtils,r=m.EditorState,y=o(25),h=y.addNewBlock,_=y.resetBlockWithType,v=y.updateDataOfBlock,d=y.getCurrentBlock,u=y.getNode,k=o(48),g=k.getSelectionRect,f=k.getSelection,n=function(t){function e(t){this.relocate=b(this.relocate,this),this.clickHandler=b(this.clickHandler,this),this.widgets=b(this.widgets,this),this.handleFileInput=b(this.handleFileInput,this),this.insertImage=b(this.insertImage,this),this.handlePlaceholder=b(this.handlePlaceholder,this),this.clickOnFileUpload=b(this.clickOnFileUpload,this),this.componentWillReceiveProps=b(this.componentWillReceiveProps,this),this.collapse=b(this.collapse,this),this.scale=b(this.scale,this),this._toggleScaled=b(this._toggleScaled,this),this.hide=b(this.hide,this),this.show=b(this.show,this),this.display=b(this.display,this),e.__super__.constructor.call(this,t),this.state={position:{top:0,left:0},show:!1,scaled:!1}}return S(e,t),e.prototype.display=function(t){return t?this.show():this.hide()},e.prototype.show=function(){return this.setState({show:!0})},e.prototype.hide=function(){return this.setState({show:!1})},e.prototype.setPosition=function(t){return this.setState({position:t})},e.prototype._toggleScaled=function(t){return this.state.scaled?this.collapse():this.scale()},e.prototype.scale=function(){return this.setState({scaled:!0})},e.prototype.collapse=function(){return this.setState({scaled:!1})},e.prototype.componentWillReceiveProps=function(t){return this.collapse()},e.prototype.activeClass=function(){return this.isActive()?"is-active":""},e.prototype.isActive=function(){return this.state.show},e.prototype.scaledClass=function(){return this.state.scaled?"is-scaled":""},e.prototype.scaledWidth=function(){return this.state.scaled?"124":"0"},e.prototype.clickOnFileUpload=function(){return this.refs.fileInput.click(),this.collapse(),this.hide()},e.prototype.handlePlaceholder=function(t){var e;return e={type:t.widget_options.insert_block,placeholder:t.options.placeholder,endpoint:t.options.endpoint},this.props.onChange(_(this.props.editorState,"placeholder",e))},e.prototype.insertImage=function(t){var e;return e={url:URL.createObjectURL(t),file:t},this.props.onChange(h(this.props.editorState,"image",e))},e.prototype.handleFileInput=function(t){var e;return e=t.target.files,this.insertImage(e[0])},e.prototype.widgets=function(){return this.props.editor.widgets},e.prototype.clickHandler=function(t,e){var o;switch(o=this.widgets().find(function(t){return t.icon===e}),o.widget_options.insertion){case"upload":return this.clickOnFileUpload(t,o);case"placeholder":return this.handlePlaceholder(o);default:return console.log("WRONG TYPE FOR "+o.widget_options.insertion)}},e.prototype.getItems=function(){return this.widgets().filter(function(t){return function(t){return t.widget_options.displayOnInlineTooltip}}(this))},e.prototype.isDescendant=function(t,e){var o;for(o=e.parentNode;null!==o;){if(o===t)return!0;o=o.parentNode}return!1},e.prototype.relocate=function(){var t,e,o,i,n,r,s,a,l,p,h,m;if(r=this.props.editorState,r.getSelection().isCollapsed()){if(n=d(r),e=n.getType(),o=r.getCurrentContent(),m=r.getSelection(),t=o.getBlockForKey(m.anchorKey),s=f(window),!s.rangeCount)return;return a=u(),h=g(s),i=h,l=c.findDOMNode(this.props.editor),p=l.getBoundingClientRect(),this.isDescendant(l,s.anchorNode)?(this.display(0===t.getText().length&&"unstyled"===e),this.setPosition({top:i.top+window.scrollY,left:i.left+window.scrollX-60})):void this.hide()}return this.hide()},e.prototype.render=function(){return l.createElement("div",{className:"inlineTooltip "+this.activeClass()+" "+this.scaledClass(),style:this.state.position},l.createElement("button",{className:"inlineTooltip-button control",title:"Close Menu","data-action":"inline-menu",onClick:this._toggleScaled},l.createElement("span",{className:"tooltip-icon dante-icon-plus"})),l.createElement("div",{className:"inlineTooltip-menu",style:{width:this.scaledWidth()+"px"}},this.getItems().map(function(t){return function(e,o){return l.createElement(a,{item:e,key:o,clickHandler:t.clickHandler})}}(this)),l.createElement("input",{type:"file",style:{display:"none"},ref:"fileInput",multiple:"multiple",onChange:this.handleFileInput})))},e}(l.Component),a=function(t){function e(){return this.clickHandler=b(this.clickHandler,this),e.__super__.constructor.apply(this,arguments)}return S(e,t),e.prototype.clickHandler=function(t){return t.preventDefault(),this.props.clickHandler(t,this.props.item.icon)},e.prototype.render=function(){return l.createElement("button",{className:"inlineTooltip-button scale",title:this.props.title,onMouseDown:this.clickHandler},l.createElement("span",{className:"tooltip-icon dante-icon-"+this.props.item.icon}))},e}(l.Component),t.exports=n},203:function(t,e,o){var i,n,r,s,a,l,c,p,h,d,u,f,g,m,y,k=function(t,e){return function(){return t.apply(e,arguments)}},_=function(t,e){function o(){this.constructor=t}for(var i in e)v.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},v={}.hasOwnProperty;l=o(6),c=o(13),g=o(9),a=g.Entity,p=g.RichUtils,i=g.AtomicBlockUtils,s=g.EditorState,m=o(48),f=m.getSelectionRect,u=m.getSelection,y=o(25),h=y.getCurrentBlock,d=y.getNode,n=function(t){function e(t){this.handleClick=k(this.handleClick,this),this.componentWillReceiveProps=k(this.componentWillReceiveProps,this),this.relocate=k(this.relocate,this),this.collapse=k(this.collapse,this),this.scale=k(this.scale,this),this._toggleScaled=k(this._toggleScaled,this),this.hide=k(this.hide,this),this.show=k(this.show,this),this.display=k(this.display,this),e.__super__.constructor.call(this,t),this.state={position:{top:0,left:0},show:!1,scaled:!1,buttons:[{type:"left"},{type:"center"},{type:"fill"},{type:"wide"}]}}return _(e,t),e.prototype.display=function(t){return t?this.show():this.hide()},e.prototype.show=function(){return this.setState({show:!0})},e.prototype.hide=function(){return this.setState({show:!1})},e.prototype.setPosition=function(t){return this.setState({position:t})},e.prototype._toggleScaled=function(t){return this.state.scaled?this.collapse():this.scale()},e.prototype.scale=function(){return this.setState({scaled:!0})},e.prototype.collapse=function(){return this.setState({scaled:!1})},e.prototype.relocate=function(){var t,e,o,i,n,r,s,a,l,p,g,m,y,k;return r=this.props.editorState,r.getSelection().isCollapsed()?(n=h(r),e=n.getType(),o=r.getCurrentContent(),k=r.getSelection(),t=o.getBlockForKey(k.anchorKey),a=u(window),a.rangeCount?(l=d(),y=f(a),i=y,g=c.findDOMNode(this.props.editor),m=g.getBoundingClientRect(),this.display("image"===e),"image"===e?(y=l.anchorNode.parentNode.parentNode.parentNode.getBoundingClientRect(),s=this.refs.image_popover,p=s.offsetWidth/2,this.setPosition({top:y.top-m.top+60,left:y.left+y.width/2-p})):void 0):void 0):this.hide()},e.prototype.componentWillReceiveProps=function(t){return this.collapse()},e.prototype.getStyle=function(){if(!this.state.position)return{}},e.prototype.handleClick=function(t){return this.props.editor.setDirection(t.type)},e.prototype.render=function(){return l.createElement("div",{ref:"image_popover",className:"dante-popover popover--Aligntooltip popover--top popover--animated "+(this.state.show?"is-active":void 0),style:{top:this.state.position.top,left:this.state.position.left}},l.createElement("div",{className:"popover-inner"},l.createElement("ul",{className:"dante-menu-buttons"},this.state.buttons.map(function(t){return function(e,o){return l.createElement(r,{item:e,handleClick:t.handleClick,key:o})}}(this)))),l.createElement("div",{className:"popover-arrow"}))},e}(l.Component),r=function(t){function e(){return this.render=k(this.render,this),this.handleClick=k(this.handleClick,this),e.__super__.constructor.apply(this,arguments)}return _(e,t),e.prototype.handleClick=function(t){return t.preventDefault(),this.props.handleClick(this.props.item)},e.prototype.render=function(){return l.createElement("li",{className:"dante-menu-button align-"+this.props.item.type,onMouseDown:this.handleClick},l.createElement("span",{className:"tooltip-icon dante-icon-image-"+this.props.item.type}))},e}(l.Component),t.exports=n},204:function(t,e,o){var i,n,r,s,a=function(t,e){return function(){return t.apply(e,arguments)}},l=function(t,e){function o(){this.constructor=t}for(var i in e)c.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},c={}.hasOwnProperty;n=o(6),r=o(13),s=o(25).getCurrentBlock,i=function(t){function e(t){this.render=a(this.render,this),this.relocate=a(this.relocate,this),this.hide=a(this.hide,this),this.show=a(this.show,this),this.display=a(this.display,this),e.__super__.constructor.call(this,t),this.state={position:{top:0,left:0},show:!1,url:""}}return l(e,t),e.prototype.display=function(t){return t?this.show():this.hide()},e.prototype.show=function(){return this.setState({show:!0})},e.prototype.hide=function(){return this.setState({show:!1})},e.prototype.setPosition=function(t){return this.setState({position:t})},e.prototype.relocate=function(t){var e,o,i,n,a,l,c,p,h,d,u;if(null==t&&(t=null),t)return a=this.props.editorState,n=s(a),e=n.getType(),o=a.getCurrentContent(),u=a.getSelection(),d=t.getBoundingClientRect(),i=d,l=this.refs.dante_popover,c=l.offsetWidth/2,p=r.findDOMNode(this.props.editor),h=p.getBoundingClientRect(),{top:d.top-h.top+160,left:d.left+d.width/2-c}},e.prototype.render=function(){var t,e;return t=this.state.position,e={left:t.left,top:t.top,visibility:""+(this.state.show?"visible":"hidden")},n.createElement("div",{ref:"dante_popover",className:"dante-popover popover--tooltip popover--Linktooltip popover--bottom is-active",style:e,onMouseOver:this.props.handleOnMouseOver,onMouseOut:this.props.handleOnMouseOut},n.createElement("div",{className:"popover-inner"},n.createElement("a",{href:this.props.url,target:"_blank"},this.state.url)),n.createElement("div",{className:"popover-arrow"}))},e}(n.Component),t.exports=i},205:function(t,e,o){var i,n,r,s,a,l,c,p,h,d,u,f,g,m,y,k,_,v,b,S,E,w=function(t,e){return function(){return t.apply(e,arguments)}},C=function(t,e){function o(){this.constructor=t}for(var i in e)D.call(e,i)&&(t[i]=e[i]);return o.prototype=e.prototype,t.prototype=new o,t.__super__=e.prototype,t},D={}.hasOwnProperty;d=o(6),u=o(13),S=o(9),g=S.convertToRaw,i=S.CompositeDecorator,b=S.getVisibleSelectionRect,y=S.getDefaultKeyBinding,_=S.getSelectionOffsetKeyForNode,h=S.KeyBindingUtil,n=S.ContentState,l=S.Editor,c=S.EditorState,p=S.Entity,f=S.RichUtils,E=o(48),v=E.getSelectionRect,k=E.getSelection,m=o(25).getCurrentBlock,r=function(t){function e(t){this.getDefaultValue=w(this.getDefaultValue,this),this.blockItems=w(this.blockItems,this),this.inlineItems=w(this.inlineItems,this),this.confirmLink=w(this.confirmLink,this),this.handleInputEnter=w(this.handleInputEnter,this),this._disableLinkMode=w(this._disableLinkMode,this),this._enableLinkMode=w(this._enableLinkMode,this),this.displayActiveMenu=w(this.displayActiveMenu,this),this.displayLinkMode=w(this.displayLinkMode,this),this._clickBlockHandler=w(this._clickBlockHandler,this),this.relocate=w(this.relocate,this),this.hide=w(this.hide,this),this.show=w(this.show,this),this.display=w(this.display,this),this._clickInlineHandler=w(this._clickInlineHandler,this),e.__super__.constructor.call(this,t),this.getVisibleSelectionRect=b,this.state={link_mode:!1,show:!1,position:{}}}return C(e,t),e.prototype._clickInlineHandler=function(t,e){return t.preventDefault(),this.props.onChange(f.toggleInlineStyle(this.props.editorState,e)),setTimeout(function(t){return function(){return t.relocate()}}(this),0)},e.prototype.display=function(t){return t?this.show():this.hide()},e.prototype.show=function(){return this.setState({show:!0})},e.prototype.hide=function(){return this.setState({link_mode:!1,show:!1})},e.prototype.setPosition=function(t){return this.setState({position:t})},e.prototype.isDescendant=function(t,e){var o;for(o=e.parentNode;null!==o;){if(o===t)return!0;o=o.parentNode}return!1},e.prototype.relocate=function(){var t,e,o,i,n,r,s,a,l,c;if(e=m(this.props.editorState),t=e.getType(),this.props.configTooltip.selectionElements.indexOf(t)<0)return void this.hide();if(!this.state.link_mode&&this.state.show&&(o=this.refs.dante_menu,r=o.offsetWidth/2,n=k(window),n.rangeCount)){if(l=v(n),s=u.findDOMNode(this.props.editor),a=s.getBoundingClientRect(),!this.isDescendant(s,n.anchorNode))return void this.hide();if(c=l.top-a.top- -90-5,i=l.left+l.width/2-r,c&&i)return this.setState({show:!0,position:{left:i,top:c}})}},e.prototype._clickBlockHandler=function(t,e){return t.preventDefault(),this.props.onChange(f.toggleBlockType(this.props.editorState,e)),setTimeout(function(t){return function(){return t.relocate()}}(this),0)},e.prototype.displayLinkMode=function(){return this.state.link_mode?"dante-menu--linkmode":""},e.prototype.displayActiveMenu=function(){return this.state.show?"dante-menu--active":""},e.prototype._enableLinkMode=function(t){return t.preventDefault(),this.setState({link_mode:!0})},e.prototype._disableLinkMode=function(t){return t.preventDefault(),this.setState({link_mode:!1,url:""})},e.prototype.hideMenu=function(){return this.hide()},e.prototype.handleInputEnter=function(t){if(13===t.which)return this.confirmLink(t)},e.prototype.confirmLink=function(t){var e,o,i,n,r,s;return t.preventDefault(),o=this.props.editorState,s=t.currentTarget.value,
-e=o.getCurrentContent(),r=o.getSelection(),n={url:s,showPopLinkOver:this.props.showPopLinkOver,hidePopLinkOver:this.props.hidePopLinkOver},i=p.create("LINK","MUTABLE",n),r.isCollapsed()?void console.log("COLLAPSED SKIPPING LINK"):(this.props.onChange(f.toggleLink(o,r,i)),this._disableLinkMode(t))},e.prototype.getPosition=function(){var t;return t=this.state.position},e.prototype.inlineItems=function(){return this.props.widget_options.block_types.filter(function(t){return function(t){return"inline"===t.type}}(this))},e.prototype.blockItems=function(){return this.props.widget_options.block_types.filter(function(t){return function(t){return"block"===t.type}}(this))},e.prototype.getDefaultValue=function(){var t,e,o,i,n;return this.refs.dante_menu_input&&(this.refs.dante_menu_input.value=""),e=m(this.props.editorState),t=e.getType(),n=this.props.editor.state.editorState.getSelection(),i=null,o=null,e.findEntityRanges(function(t){return function(t){var e;return e=t.getEntity(),i=e,null!==e&&"LINK"===p.get(e).getType()}}(this),function(t){return function(e,r){var s,a;if(a=n.getAnchorOffset(),s=n.getFocusOffset(),n.getIsBackward()&&(a=n.getFocusOffset(),s=n.getAnchorOffset()),e===a&&r===s)return o=p.get(i).getData().url,t.refs.dante_menu_input.value=o}}(this))},e.prototype.render=function(){return d.createElement("div",{id:"dante-menu",ref:"dante_menu",className:"dante-menu "+this.displayActiveMenu()+" "+this.displayLinkMode(),style:this.getPosition()},d.createElement("div",{className:"dante-menu-linkinput"},d.createElement("input",{className:"dante-menu-input",ref:"dante_menu_input",placeholder:"Paste or type a link",onKeyPress:this.handleInputEnter,defaultValue:this.getDefaultValue()}),d.createElement("div",{className:"dante-menu-button",onMouseDown:this._disableLinkMode},"x")),d.createElement("ul",{className:"dante-menu-buttons"},this.blockItems().map(function(t){return function(e,o){return d.createElement(s,{key:o,item:e,handleClick:t._clickBlockHandler,editorState:t.props.editorState,type:"block",currentStyle:t.props.editorState.getCurrentInlineStyle})}}(this)),d.createElement(a,{editorState:this.props.editorState,enableLinkMode:this._enableLinkMode}),this.inlineItems().map(function(t){return function(e,o){return d.createElement(s,{key:o,item:e,type:"inline",editorState:t.props.editorState,handleClick:t._clickInlineHandler})}}(this))))},e}(d.Component),s=function(t){function e(){return this.render=w(this.render,this),this.activeClassBlock=w(this.activeClassBlock,this),this.activeClassInline=w(this.activeClassInline,this),this.isActive=w(this.isActive,this),this.activeClass=w(this.activeClass,this),this.handleClick=w(this.handleClick,this),e.__super__.constructor.apply(this,arguments)}return C(e,t),e.prototype.handleClick=function(t){return this.props.handleClick(t,this.props.item.style)},e.prototype.activeClass=function(){return this.isActive()?"active":""},e.prototype.isActive=function(){return"block"===this.props.type?this.activeClassBlock():this.activeClassInline()},e.prototype.activeClassInline=function(){if(this.props.editorState)return this.props.editorState.getCurrentInlineStyle().has(this.props.item.style)},e.prototype.activeClassBlock=function(){var t,e;if(this.props.editorState)return e=this.props.editorState.getSelection(),t=this.props.editorState.getCurrentContent().getBlockForKey(e.getStartKey()).getType(),this.props.item.style===t},e.prototype.render=function(){return d.createElement("li",{className:"dante-menu-button "+this.activeClass(),onMouseDown:this.handleClick},d.createElement("i",{className:"dante-icon dante-icon-"+this.props.item.label,"data-action":"bold"}))},e}(d.Component),a=function(t){function e(){return this.promptForLink=w(this.promptForLink,this),e.__super__.constructor.apply(this,arguments)}return C(e,t),e.prototype.promptForLink=function(t){var e;if(e=this.props.editorState.getSelection(),!e.isCollapsed())return this.props.enableLinkMode(t)},e.prototype.render=function(){return d.createElement("li",{className:"dante-menu-button",onMouseDown:this.promptForLink},d.createElement("i",{className:"dante-icon icon-createlink","data-action":"createlink"},"link"))},e}(d.Component),t.exports=r},280:function(t,e){},302:function(t,e,o){t.exports=o.p+"fonts/dante.svg"},303:function(t,e,o){t.exports=o.p+"fonts/dante.ttf"},304:function(t,e,o){t.exports=o.p+"fonts/dante.woff"},305:function(t,e,o){t.exports=o.p+"fonts/fontello.svg"},306:function(t,e,o){t.exports=o.p+"fonts/fontello.ttf"},307:function(t,e,o){t.exports=o.p+"fonts/fontello.woff"}});
+webpackJsonp([1],{
+
+/***/ 0:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	__webpack_require__(10);
+
+		var _index = __webpack_require__(20);
+
+/***/ },
+
+/***/ 10:
+/***/ function(module, exports) {
+
+	// removed by extract-text-webpack-plugin
+
+/***/ },
+
+/***/ 12:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/fontello.eot";
+
+/***/ },
+
+/***/ 13:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/fontello.woff";
+
+/***/ },
+
+/***/ 14:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/fontello.ttf";
+
+/***/ },
+
+/***/ 15:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/fontello.svg";
+
+/***/ },
+
+/***/ 16:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/dante.eot";
+
+/***/ },
+
+/***/ 17:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/dante.woff";
+
+/***/ },
+
+/***/ 18:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/dante.ttf";
+
+/***/ },
+
+/***/ 19:
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __webpack_require__.p + "fonts/dante.svg";
+
+/***/ },
+
+/***/ 20:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	var _dante = __webpack_require__(21);
+
+	var _dante2 = _interopRequireDefault(_dante);
+
+	var _dante_editor = __webpack_require__(206);
+
+	var _dante_editor2 = _interopRequireDefault(_dante_editor);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	module.exports = {
+	  Dante: _dante2['default'],
+	  DanteEditor: _dante_editor2['default']
+		};
+
+/***/ },
+
+/***/ 21:
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(global) {"use strict";
+
+		module.exports = global["Dante"] = __webpack_require__(22);
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
+
+/***/ },
+
+/***/ 206:
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(global) {"use strict";
+
+		module.exports = global["DanteEditor"] = __webpack_require__(207);
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
+
+/***/ },
+
+/***/ 426:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.addNewBlockAt = exports.updateTextOfBlock = exports.updateDataOfBlock = exports.resetBlockWithType = exports.addNewBlock = exports.getCurrentBlock = exports.getNode = exports.getDefaultBlockData = undefined;
+
+	var _immutable = __webpack_require__(205);
+
+	var _draftJs = __webpack_require__(274);
+
+	/*
+	Used from [react-rte](https://github.com/brijeshb42/medium-draft)
+	by [brijeshb42](https://github.com/brijeshb42/medium-draft)
+	*/
+
+	/*
+	Returns default block-level metadata for various block type. Empty object otherwise.
+	*/
+	var getDefaultBlockData = exports.getDefaultBlockData = function getDefaultBlockData(blockType) {
+	  var initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+	  switch (blockType) {
+	    //case Block.TODO: return { checked: false };
+	    default:
+	      return initialData;
+	  }
+	};
+
+	var getNode = exports.getNode = function getNode() {
+	  var root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+
+	  var t = null;
+	  if (root.getSelection) {
+	    t = root.getSelection();
+	  } else if (root.document.getSelection) {
+	    t = root.document.getSelection();
+	  } else if (root.document.selection) {
+	    t = root.document.selection.createRange().text;
+	  }
+	  return t;
+	};
+
+	/*
+	Get currentBlock in the editorState.
+	*/
+	var getCurrentBlock = exports.getCurrentBlock = function getCurrentBlock(editorState) {
+	  var selectionState = editorState.getSelection();
+	  var contentState = editorState.getCurrentContent();
+	  var block = contentState.getBlockForKey(selectionState.getStartKey());
+	  return block;
+	};
+
+	/*
+	Adds a new block (currently replaces an empty block) at the current cursor position
+	of the given `newType`.
+	*/
+	var addNewBlock = exports.addNewBlock = function addNewBlock(editorState) {
+	  var newType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "unstyled";
+	  var initialData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+	  var selectionState = editorState.getSelection();
+	  if (!selectionState.isCollapsed()) {
+	    return editorState;
+	  }
+	  var contentState = editorState.getCurrentContent();
+	  var key = selectionState.getStartKey();
+	  var blockMap = contentState.getBlockMap();
+	  var currentBlock = getCurrentBlock(editorState);
+	  if (!currentBlock) {
+	    return editorState;
+	  }
+	  if (currentBlock.getLength() === 0) {
+	    if (currentBlock.getType() === newType) {
+	      return editorState;
+	    }
+	    var newBlock = currentBlock.merge({
+	      type: newType,
+	      data: getDefaultBlockData(newType, initialData)
+	    });
+	    var newContentState = contentState.merge({
+	      blockMap: blockMap.set(key, newBlock),
+	      selectionAfter: selectionState
+	    });
+	    return _draftJs.EditorState.push(editorState, newContentState, 'change-block-type');
+	  }
+	  return editorState;
+	};
+
+	/*
+	Changes the block type of the current block.
+	*/
+	var resetBlockWithType = exports.resetBlockWithType = function resetBlockWithType(editorState) {
+	  var newType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "unstyled";
+	  var data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+	  var contentState = editorState.getCurrentContent();
+	  var selectionState = editorState.getSelection();
+	  var key = selectionState.getStartKey();
+	  var blockMap = contentState.getBlockMap();
+	  var block = blockMap.get(key);
+
+	  var newText = '';
+	  console.log("DATA FOR PLACEHOLDER!", data);
+	  var text = block.getText();
+	  if (block.getLength() >= 2) {
+	    newText = text.substr(1);
+	  }
+
+	  /*if(data.text){
+	    newText = data.text
+	  }*/
+
+	  //let newText = data.text
+
+	  var newBlock = block.merge({
+	    text: newText,
+	    type: newType,
+	    data: getDefaultBlockData(newType, data)
+	  });
+	  var newContentState = contentState.merge({
+	    blockMap: blockMap.set(key, newBlock),
+	    selectionAfter: selectionState.merge({
+	      anchorOffset: 0,
+	      focusOffset: 0
+	    })
+	  });
+	  return _draftJs.EditorState.push(editorState, newContentState, 'change-block-type');
+	};
+
+	/*
+	Update block-level metadata of the given `block` to the `newData`/
+	*/
+	var updateDataOfBlock = exports.updateDataOfBlock = function updateDataOfBlock(editorState, block, newData) {
+	  var contentState = editorState.getCurrentContent();
+	  var newBlock = block.merge({
+	    data: newData
+	  });
+	  var newContentState = contentState.merge({
+	    blockMap: contentState.getBlockMap().set(block.getKey(), newBlock)
+	  });
+	  return _draftJs.EditorState.push(editorState, newContentState, 'change-block-type');
+	  // return editorState;
+	};
+
+	var updateTextOfBlock = exports.updateTextOfBlock = function updateTextOfBlock(editorState, block, text) {
+	  var contentState = editorState.getCurrentContent();
+	  var newBlock = block.merge({
+	    text: text
+	  });
+	  var newContentState = contentState.merge({
+	    blockMap: contentState.getBlockMap().set(block.getKey(), newBlock)
+	  });
+
+	  return _draftJs.EditorState.push(editorState, newContentState, 'change-block-type');
+	  // return editorState;
+	};
+
+	// const BEFORE = -1;
+	// const AFTER = 1;
+
+	/*
+	Used from [react-rte](https://github.com/sstur/react-rte/blob/master/src/lib/insertBlockAfter.js)
+	by [sstur](https://github.com/sstur)
+	*/
+	var addNewBlockAt = exports.addNewBlockAt = function addNewBlockAt(editorState, pivotBlockKey) {
+	  var newBlockType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "unstyled";
+	  var initialData = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+
+	  var content = editorState.getCurrentContent();
+	  var blockMap = content.getBlockMap();
+	  var block = blockMap.get(pivotBlockKey);
+	  var blocksBefore = blockMap.toSeq().takeUntil(function (v) {
+	    return v === block;
+	  });
+	  var blocksAfter = blockMap.toSeq().skipUntil(function (v) {
+	    return v === block;
+	  }).rest();
+	  var newBlockKey = (0, _draftJs.genKey)();
+
+	  var newBlock = new _draftJs.ContentBlock({
+	    key: newBlockKey,
+	    type: newBlockType,
+	    text: '',
+	    characterList: block.getCharacterList().slice(0, 0),
+	    depth: 0,
+	    data: (0, _immutable.Map)(getDefaultBlockData(newBlockType, initialData))
+	  });
+
+	  var newBlockMap = blocksBefore.concat([[pivotBlockKey, block], [newBlockKey, newBlock]], blocksAfter).toOrderedMap();
+
+	  var selection = editorState.getSelection();
+
+	  var newContent = content.merge({
+	    blockMap: newBlockMap,
+	    selectionBefore: selection,
+	    selectionAfter: selection.merge({
+	      anchorKey: newBlockKey,
+	      anchorOffset: 0,
+	      focusKey: newBlockKey,
+	      focusOffset: 0,
+	      isBackward: false
+	    })
+	  });
+	  return _draftJs.EditorState.push(editorState, newContent, 'split-block');
+	};
+
+/***/ },
+
+/***/ 427:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _draftJs = __webpack_require__(274);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var Link = function (_React$Component) {
+	  (0, _inherits3['default'])(Link, _React$Component);
+
+	  function Link(props) {
+	    (0, _classCallCheck3['default'])(this, Link);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (Link.__proto__ || (0, _getPrototypeOf2['default'])(Link)).call(this, props));
+
+	    _this._validateLink = _this._validateLink.bind(_this);
+	    _this._checkProtocol = _this._checkProtocol.bind(_this);
+	    _this._showPopLinkOver = _this._showPopLinkOver.bind(_this);
+	    _this._hidePopLinkOver = _this._hidePopLinkOver.bind(_this);
+	    _this.isHover = false;
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(Link, [{
+	    key: '_validateLink',
+	    value: function _validateLink() {
+	      var pattern = new RegExp('^(https?:\/\/)?' + // protocol
+	      '((([a-z\d]([a-z\d-]*[a-z\d])*)\.)+[a-z]{2,}|' + // domain name
+	      '((\d{1,3}\.){3}\d{1,3}))' + // OR ip (v4) address
+	      '(\:\d+)?(\/[-a-z\d%_.~+]*)*' + // port and path
+	      '(\?[&a-z\d%_.~+=-]*)?' + // query string
+	      '(\#[-a-z\d_]*)?$', 'i'); // fragment locater
+	      if (!pattern.test(str)) {
+	        alert("Please enter a valid URL.");
+	        return false;
+	      } else {
+	        return true;
+	      }
+	    }
+	  }, {
+	    key: '_checkProtocol',
+	    value: function _checkProtocol() {
+	      return console.log("xcvd");
+	    }
+	  }, {
+	    key: '_showPopLinkOver',
+	    value: function _showPopLinkOver(e) {
+	      if (!this.data.showPopLinkOver) {
+	        return;
+	      }
+	      return this.data.showPopLinkOver(this.refs.link);
+	    }
+	  }, {
+	    key: '_hidePopLinkOver',
+	    value: function _hidePopLinkOver(e) {
+	      if (!this.data.hidePopLinkOver) {
+	        return;
+	      }
+	      return this.data.hidePopLinkOver();
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      this.data = _draftJs.Entity.get(this.props.entityKey).getData();
+
+	      return _react2['default'].createElement(
+	        'a',
+	        {
+	          ref: 'link',
+	          href: this.data.url,
+	          className: 'markup--anchor',
+	          onMouseOver: this._showPopLinkOver,
+	          onMouseOut: this._hidePopLinkOver
+	        },
+	        this.props.children
+	      );
+	    }
+	  }]);
+	  return Link;
+	}(_react2['default'].Component);
+
+		exports['default'] = Link;
+
+/***/ },
+
+/***/ 428:
+/***/ function(module, exports, __webpack_require__) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _stringify = __webpack_require__(429);
+
+	var _stringify2 = _interopRequireDefault(_stringify);
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	var Debug = function (_React$Component) {
+	  (0, _inherits3["default"])(Debug, _React$Component);
+
+	  function Debug() {
+	    (0, _classCallCheck3["default"])(this, Debug);
+
+	    var _this = (0, _possibleConstructorReturn3["default"])(this, (Debug.__proto__ || (0, _getPrototypeOf2["default"])(Debug)).call(this));
+
+	    _this.handleToggleReadOnly = _this.handleToggleReadOnly.bind(_this);
+	    _this.handleTestEmitAndDecode = _this.handleTestEmitAndDecode.bind(_this);
+	    _this.handleTestEmitTEXT = _this.handleTestEmitTEXT.bind(_this);
+	    _this.testEmitAndDecode = _this.testEmitAndDecode.bind(_this);
+	    _this.testEmitTEXT = _this.testEmitTEXT.bind(_this);
+	    _this.logState = _this.logState.bind(_this);
+	    _this.toggleDisplay = _this.toggleDisplay.bind(_this);
+	    _this.open = _this.open.bind(_this);
+	    _this.render = _this.render.bind(_this);
+	    _this.state = {
+	      output: "",
+	      display: "none"
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3["default"])(Debug, [{
+	    key: "handleToggleReadOnly",
+	    value: function handleToggleReadOnly(e) {
+	      e.preventDefault();
+	      this.props.editor.toggleEditable();
+	      return false;
+	    }
+	  }, {
+	    key: "handleTestEmitAndDecode",
+	    value: function handleTestEmitAndDecode(e) {
+	      e.preventDefault();
+	      return this.testEmitAndDecode();
+	    }
+	  }, {
+	    key: "handleTestEmitTEXT",
+	    value: function handleTestEmitTEXT(e) {
+	      e.preventDefault();
+	      return this.testEmitTEXT();
+	    }
+	  }, {
+	    key: "testEmitAndDecode",
+	    value: function testEmitAndDecode(e) {
+	      var raw_as_json = this.props.editor.emitSerializedOutput();
+	      this.props.editor.setState({
+	        editorState: this.props.editor.decodeEditorContent(raw_as_json) }, this.logState((0, _stringify2["default"])(raw_as_json)));
+	      return false;
+	    }
+	  }, {
+	    key: "testEmitTEXT",
+	    value: function testEmitTEXT() {
+	      var text = this.props.editor.getTextFromEditor();
+	      return this.logState(text);
+	    }
+	  }, {
+	    key: "logState",
+	    value: function logState(raw) {
+	      return this.setState({ output: raw }, this.open);
+	    }
+	  }, {
+	    key: "toggleDisplay",
+	    value: function toggleDisplay(e) {
+	      e.preventDefault();
+	      var d = this.state.display === "block" ? "none" : this.state.display;
+	      return this.setState({
+	        display: d });
+	    }
+	  }, {
+	    key: "open",
+	    value: function open() {
+	      return this.setState({
+	        display: "block" });
+	    }
+	  }, {
+	    key: "render",
+	    value: function render() {
+	      return _react2["default"].createElement(
+	        "div",
+	        null,
+	        _react2["default"].createElement(
+	          "div",
+	          { className: "debugControls" },
+	          _react2["default"].createElement(
+	            "ul",
+	            null,
+	            _react2["default"].createElement(
+	              "li",
+	              null,
+	              " LOCKS: ",
+	              this.props.editor.state.locks,
+	              " "
+	            ),
+	            _react2["default"].createElement(
+	              "li",
+	              null,
+	              _react2["default"].createElement(
+	                "a",
+	                { href: "#", onClick: this.handleToggleReadOnly },
+	                "EDITABLE: ",
+	                this.props.editor.state.read_only ? 'NO' : 'YES'
+	              )
+	            ),
+	            _react2["default"].createElement(
+	              "li",
+	              null,
+	              _react2["default"].createElement(
+	                "a",
+	                { href: "#", onClick: this.handleTestEmitTEXT },
+	                "EDITOR TEXT"
+	              )
+	            ),
+	            _react2["default"].createElement(
+	              "li",
+	              null,
+	              _react2["default"].createElement(
+	                "a",
+	                { href: "#", onClick: this.handleTestEmitAndDecode },
+	                "EDITOR STATE"
+	              )
+	            )
+	          )
+	        ),
+	        _react2["default"].createElement(
+	          "div",
+	          { className: "debugZone", style: { display: this.state.display } },
+	          _react2["default"].createElement("a", { href: "#", className: "dante-debug-close close", onClick: this.toggleDisplay }),
+	          _react2["default"].createElement(
+	            "div",
+	            { className: "debugOutput" },
+	            _react2["default"].createElement(
+	              "h2",
+	              null,
+	              "EDITOR OUTPUT"
+	            ),
+	            this.state.output.length > 0 ? _react2["default"].createElement(
+	              "pre",
+	              null,
+	              this.state.output
+	            ) : undefined
+	          )
+	        )
+	      );
+	    }
+	  }]);
+	  return Debug;
+	}(_react2["default"].Component);
+
+		exports["default"] = Debug;
+
+/***/ },
+
+/***/ 431:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _draftJs = __webpack_require__(274);
+
+	//TODO: what the f*ck is happening here? ;-;
+	var findEntities = function findEntities(entityType, instance, contentBlock, callback) {
+	  return contentBlock.findEntityRanges(function (_this) {
+	    return function (character) {
+	      var entityKey, opts, res;
+	      entityKey = character.getEntity();
+	      return res = entityKey !== null && _draftJs.Entity.get(entityKey).getType() === entityType, res ? (opts = {
+	        showPopLinkOver: instance.showPopLinkOver,
+	        hidePopLinkOver: instance.hidePopLinkOver
+	      }, _draftJs.Entity.mergeData(entityKey, opts)) : void 0, res;
+	    };
+	  }(undefined), callback);
+	};
+
+	exports['default'] = findEntities;
+
+/***/ },
+
+/***/ 432:
+/***/ function(module, exports, __webpack_require__) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _stringify = __webpack_require__(429);
+
+	var _stringify2 = _interopRequireDefault(_stringify);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _axios = __webpack_require__(433);
+
+	var _axios2 = _interopRequireDefault(_axios);
+
+	var _immutable = __webpack_require__(205);
+
+	var _immutable2 = _interopRequireDefault(_immutable);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	var SaveBehavior = function () {
+	  function SaveBehavior(options) {
+	    (0, _classCallCheck3["default"])(this, SaveBehavior);
+
+	    this.getLocks = options.getLocks;
+	    this.config = options.config;
+	    this.editorContent = options.editorContent;
+	    this.editorState = options.editorState;
+	  }
+
+	  (0, _createClass3["default"])(SaveBehavior, [{
+	    key: "handleStore",
+	    value: function handleStore(ev) {
+	      return this.store();
+	    }
+	  }, {
+	    key: "store",
+	    value: function store(content) {
+	      var _this = this;
+
+	      if (!this.config.data_storage.url) {
+	        return;
+	      }
+	      if (this.getLocks() > 0) {
+	        return;
+	      }
+
+	      clearTimeout(this.timeout);
+
+	      return this.timeout = setTimeout(function () {
+	        return _this.checkforStore(content);
+	      }, this.config.data_storage.interval);
+	    }
+	  }, {
+	    key: "getTextFromEditor",
+	    value: function getTextFromEditor(content) {
+	      return content.blocks.map(function (o) {
+	        return o.text;
+	      }).join("\n");
+	    }
+	  }, {
+	    key: "getUrl",
+	    value: function getUrl() {
+	      var url = this.config.data_storage.url;
+
+	      if (typeof url === "function") {
+	        return url();
+	      } else {
+	        return url;
+	      }
+	    }
+	  }, {
+	    key: "getMethod",
+	    value: function getMethod() {
+	      var method = this.config.data_storage.method;
+
+	      if (typeof method === "function") {
+	        return method();
+	      } else {
+	        return method;
+	      }
+	    }
+	  }, {
+	    key: "checkforStore",
+	    value: function checkforStore(content) {
+	      var _this2 = this;
+
+	      // ENTER DATA STORE
+	      var isChanged = !_immutable2["default"].is(_immutable2["default"].fromJS(this.editorContent), _immutable2["default"].fromJS(content));
+	      // console.log("CONTENT CHANGED:", isChanged)
+
+	      if (!isChanged) {
+	        return;
+	      }
+
+	      if (this.config.xhr.before_handler) {
+	        this.config.xhr.before_handler();
+	      }
+	      // console.log "SAVING TO: #{@getMethod()} #{@getUrl()}"
+
+	      return (0, _axios2["default"])({
+	        method: this.getMethod(),
+	        url: this.getUrl(),
+	        data: {
+	          editor_content: (0, _stringify2["default"])(content),
+	          text_content: this.getTextFromEditor(content)
+	        }
+	      }).then(function (result) {
+	        // console.log "STORING CONTENT", result
+	        if (_this2.config.data_storage.success_handler) {
+	          _this2.config.data_storage.success_handler(result);
+	        }
+	        if (_this2.config.xhr.success_handler) {
+	          return _this2.config.xhr.success_handler(result);
+	        }
+	      })["catch"](function (error) {
+	        // console.log("ERROR: got error saving content at #{@config.data_storage.url} - #{error}")
+	        if (_this2.config.xhr.failure_handler) {
+	          return _this2.config.xhr.failure_handler(error);
+	        }
+	      });
+	    }
+	  }]);
+	  return SaveBehavior;
+	}();
+
+		exports["default"] = SaveBehavior;
+
+/***/ },
+
+/***/ 458:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _stringify = __webpack_require__(429);
+
+	var _stringify2 = _interopRequireDefault(_stringify);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _immutable = __webpack_require__(205);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	// { compose
+	// }  = require('underscore')
+
+	// underscore compose function
+	var compose = function compose() {
+	  var args = arguments;
+	  var start = args.length - 1;
+	  return function () {
+	    var i = start;
+	    var result = args[start].apply(this, arguments);
+	    while (i--) {
+	      result = args[i].call(this, result);
+	    }
+	    return result;
+	  };
+	};
+
+	// from https://gist.github.com/N1kto/6702e1c2d89a33a15a032c234fc4c34e
+
+	/*
+	 * Helpers
+	 */
+
+	// Prepares img meta data object based on img attributes
+	var getBlockSpecForElement = function getBlockSpecForElement(imgElement) {
+	  return {
+	    contentType: 'image',
+	    imgSrc: imgElement.getAttribute('src')
+	  };
+	};
+
+	// Wraps meta data in HTML element which is 'understandable' by Draft, I used <blockquote />.
+	var wrapBlockSpec = function wrapBlockSpec(blockSpec) {
+	  if (blockSpec === null) {
+	    return null;
+	  }
+
+	  var tempEl = document.createElement('blockquote');
+	  // stringify meta data and insert it as text content of temp HTML element. We will later extract
+	  // and parse it.
+	  tempEl.innerText = (0, _stringify2['default'])(blockSpec);
+	  return tempEl;
+	};
+
+	// Replaces <img> element with our temp element
+	var replaceElement = function replaceElement(oldEl, newEl) {
+	  if (!(newEl instanceof HTMLElement)) {
+	    return;
+	  }
+
+	  var upEl = getUpEl(oldEl);
+	  //parentNode = oldEl.parentNode
+	  //return parentNode.replaceChild(newEl, oldEl)
+	  return upEl.parentNode.insertBefore(newEl, upEl);
+	};
+
+	var getUpEl = function getUpEl(el) {
+	  var original_el = el;
+	  while (el.parentNode) {
+	    if (el.parentNode.tagName !== 'BODY') {
+	      el = el.parentNode;
+	    }
+	    if (el.parentNode.tagName === 'BODY') {
+	      return el;
+	    }
+	  }
+	};
+
+	var elementToBlockSpecElement = compose(wrapBlockSpec, getBlockSpecForElement);
+
+	var imgReplacer = function imgReplacer(imgElement) {
+	  return replaceElement(imgElement, elementToBlockSpecElement(imgElement));
+	};
+
+	/*
+	 * Main function
+	 */
+
+	// takes HTML string and returns DraftJS ContentState
+	var customHTML2Content = function customHTML2Content(HTML, blockRn) {
+	  var tempDoc = new DOMParser().parseFromString(HTML, 'text/html');
+	  // replace all <img /> with <blockquote /> elements
+
+	  var a = tempDoc.querySelectorAll('img').forEach(function (item) {
+	    return imgReplacer(item);
+	  });
+
+	  // use DraftJS converter to do initial conversion. I don't provide DOMBuilder and
+	  // blockRenderMap arguments here since it should fall back to its default ones, which are fine
+	  console.log(tempDoc.body.innerHTML);
+	  var contentBlocks = (0, _draftJs.convertFromHTML)(tempDoc.body.innerHTML, _draftJs.getSafeBodyFromHTML, blockRn);
+
+	  // now replace <blockquote /> ContentBlocks with 'atomic' ones
+	  contentBlocks = contentBlocks.map(function (block) {
+	    var newBlock = void 0;
+	    console.log("CHECK BLOCK", block.getType());
+	    if (block.getType() !== 'blockquote') {
+	      return block;
+	    }
+
+	    var json = "";
+	    try {
+	      json = JSON.parse(block.getText());
+	    } catch (error) {
+	      return block;
+	    }
+
+	    return newBlock = block.merge({
+	      type: "image",
+	      text: "",
+	      data: {
+	        url: json.imgSrc,
+	        forceUpload: true
+	      }
+	    });
+	  });
+
+	  tempDoc = null;
+	  return _draftJs.ContentState.createFromBlockArray(contentBlocks);
+	};
+
+		exports['default'] = customHTML2Content;
+
+/***/ },
+
+/***/ 459:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _selection = __webpack_require__(460);
+
+	var _index = __webpack_require__(426);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var DanteImagePopover = function (_React$Component) {
+	  (0, _inherits3['default'])(DanteImagePopover, _React$Component);
+
+	  function DanteImagePopover(props) {
+	    (0, _classCallCheck3['default'])(this, DanteImagePopover);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (DanteImagePopover.__proto__ || (0, _getPrototypeOf2['default'])(DanteImagePopover)).call(this, props));
+
+	    _this.display = _this.display.bind(_this);
+	    _this.show = _this.show.bind(_this);
+	    _this.hide = _this.hide.bind(_this);
+	    _this._toggleScaled = _this._toggleScaled.bind(_this);
+	    _this.scale = _this.scale.bind(_this);
+	    _this.collapse = _this.collapse.bind(_this);
+	    _this.relocate = _this.relocate.bind(_this);
+	    _this.componentWillReceiveProps = _this.componentWillReceiveProps.bind(_this);
+	    _this.handleClick = _this.handleClick.bind(_this);
+	    _this.state = {
+	      position: {
+	        top: 0,
+	        left: 0
+	      },
+	      show: false,
+	      scaled: false,
+	      buttons: [{ type: "left" }, { type: "center" }, { type: "fill" }, { type: "wide" }]
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(DanteImagePopover, [{
+	    key: 'display',
+	    value: function display(b) {
+	      if (b) {
+	        return this.show();
+	      } else {
+	        return this.hide();
+	      }
+	    }
+	  }, {
+	    key: 'show',
+	    value: function show() {
+	      return this.setState({
+	        show: true });
+	    }
+	  }, {
+	    key: 'hide',
+	    value: function hide() {
+	      return this.setState({
+	        show: false });
+	    }
+	  }, {
+	    key: 'setPosition',
+	    value: function setPosition(coords) {
+	      return this.setState({
+	        position: coords });
+	    }
+	  }, {
+	    key: '_toggleScaled',
+	    value: function _toggleScaled(ev) {
+	      if (this.state.scaled) {
+	        return this.collapse();
+	      } else {
+	        return this.scale();
+	      }
+	    }
+	  }, {
+	    key: 'scale',
+	    value: function scale() {
+	      return this.setState({
+	        scaled: true });
+	    }
+	  }, {
+	    key: 'collapse',
+	    value: function collapse() {
+	      return this.setState({
+	        scaled: false });
+	    }
+	  }, {
+	    key: 'relocate',
+	    value: function relocate() {
+	      var editorState = this.props.editorState;
+
+
+	      if (editorState.getSelection().isCollapsed()) {
+
+	        var currentBlock = (0, _index.getCurrentBlock)(editorState);
+	        var blockType = currentBlock.getType();
+
+	        var contentState = editorState.getCurrentContent();
+	        var selectionState = editorState.getSelection();
+
+	        var block = contentState.getBlockForKey(selectionState.anchorKey);
+
+	        var nativeSelection = (0, _selection.getSelection)(window);
+	        if (!nativeSelection.rangeCount) {
+	          return;
+	        }
+
+	        var node = (0, _index.getNode)();
+
+	        var selectionBoundary = (0, _selection.getSelectionRect)(nativeSelection);
+	        var coords = selectionBoundary;
+
+	        var parent = _reactDom2['default'].findDOMNode(this.props.editor);
+	        var parentBoundary = parent.getBoundingClientRect();
+
+	        this.display(blockType === "image");
+
+	        if (blockType === "image") {
+	          selectionBoundary = node.anchorNode.parentNode.parentNode.parentNode.getBoundingClientRect();
+	          var el = this.refs.image_popover;
+	          var padd = el.offsetWidth / 2;
+	          return this.setPosition({
+	            top: selectionBoundary.top - parentBoundary.top + 60,
+	            left: selectionBoundary.left + selectionBoundary.width / 2 - padd
+	          });
+	        }
+	      } else {
+	        return this.hide();
+	      }
+	    }
+	  }, {
+	    key: 'componentWillReceiveProps',
+	    value: function componentWillReceiveProps(newProps) {
+	      return this.collapse();
+	    }
+	  }, {
+	    key: 'getStyle',
+	    value: function getStyle() {
+	      if (!this.state.position) {
+	        return {};
+	      }
+	    }
+	  }, {
+	    key: 'handleClick',
+	    value: function handleClick(item) {
+	      return this.props.editor.setDirection(item.type);
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+
+	      return _react2['default'].createElement(
+	        'div',
+	        {
+	          ref: 'image_popover',
+	          className: 'dante-popover popover--Aligntooltip popover--top popover--animated ' + (this.state.show ? 'is-active' : undefined),
+	          style: { top: this.state.position.top,
+	            left: this.state.position.left }
+	        },
+	        _react2['default'].createElement(
+	          'div',
+	          { className: 'popover-inner' },
+	          _react2['default'].createElement(
+	            'ul',
+	            { className: 'dante-menu-buttons' },
+	            this.state.buttons.map(function (item, i) {
+	              return _react2['default'].createElement(DanteImagePopoverItem, {
+	                item: item,
+	                handleClick: _this2.handleClick,
+	                key: i
+	              });
+	            })
+	          )
+	        ),
+	        _react2['default'].createElement('div', { className: 'popover-arrow' })
+	      );
+	    }
+	  }]);
+	  return DanteImagePopover;
+	}(_react2['default'].Component);
+
+	var DanteImagePopoverItem = function (_React$Component2) {
+	  (0, _inherits3['default'])(DanteImagePopoverItem, _React$Component2);
+
+	  function DanteImagePopoverItem() {
+	    var _ref;
+
+	    (0, _classCallCheck3['default'])(this, DanteImagePopoverItem);
+
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    var _this3 = (0, _possibleConstructorReturn3['default'])(this, (_ref = DanteImagePopoverItem.__proto__ || (0, _getPrototypeOf2['default'])(DanteImagePopoverItem)).call.apply(_ref, [this].concat(args)));
+
+	    _this3.handleClick = _this3.handleClick.bind(_this3);
+	    _this3.render = _this3.render.bind(_this3);
+	    return _this3;
+	  }
+
+	  (0, _createClass3['default'])(DanteImagePopoverItem, [{
+	    key: 'handleClick',
+	    value: function handleClick(e) {
+	      e.preventDefault();
+	      return this.props.handleClick(this.props.item);
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'li',
+	        {
+	          className: 'dante-menu-button align-' + this.props.item.type,
+	          onMouseDown: this.handleClick },
+	        _react2['default'].createElement('span', { className: 'tooltip-icon dante-icon-image-' + this.props.item.type })
+	      );
+	    }
+	  }]);
+	  return DanteImagePopoverItem;
+	}(_react2['default'].Component);
+
+		exports['default'] = DanteImagePopover;
+
+/***/ },
+
+/***/ 460:
+/***/ function(module, exports) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	/*
+	Returns the `boundingClientRect` of the passed selection.
+	*/
+	var getSelectionRect = exports.getSelectionRect = function getSelectionRect(selected) {
+	  var _rect = selected.getRangeAt(0).getBoundingClientRect();
+	  // selected.getRangeAt(0).getBoundingClientRect()
+	  var rect = _rect && _rect.top ? _rect : selected.getRangeAt(0).getClientRects()[0];
+	  if (!rect) {
+	    if (selected.anchorNode && selected.anchorNode.getBoundingClientRect) {
+	      rect = selected.anchorNode.getBoundingClientRect();
+	      rect.isEmptyline = true;
+	    } else {
+	      return null;
+	    }
+	  }
+	  return rect;
+	};
+
+	/*
+	Returns the native selection node.
+	*/
+	var getSelection = exports.getSelection = function getSelection(root) {
+	  var t = null;
+	  if (root.getSelection) {
+	    t = root.getSelection();
+	  } else if (root.document.getSelection) {
+	    t = root.document.getSelection();
+	  } else if (root.document.selection) {
+	    t = root.document.selection.createRange().text;
+	  }
+	  return t;
+	};
+
+	/*
+	Recursively finds the DOM Element of the block where the cursor is currently present.
+	If not found, returns null.
+	*/
+	var getSelectedBlockNode = exports.getSelectedBlockNode = function getSelectedBlockNode(root) {
+	  var selection = root.getSelection();
+	  if (selection.rangeCount === 0) {
+	    return null;
+	  }
+	  var node = selection.getRangeAt(0).startContainer;
+	  // console.log(node);
+	  do {
+	    if (node.getAttribute && node.getAttribute('data-block') === 'true') {
+	      return node;
+	    }
+	    node = node.parentNode;
+	    // console.log(node);
+	  } while (node !== null);
+	  return null;
+	};
+
+/***/ },
+
+/***/ 461:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _index = __webpack_require__(426);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var DanteAnchorPopover = function (_React$Component) {
+	  (0, _inherits3['default'])(DanteAnchorPopover, _React$Component);
+
+	  function DanteAnchorPopover(props) {
+	    (0, _classCallCheck3['default'])(this, DanteAnchorPopover);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (DanteAnchorPopover.__proto__ || (0, _getPrototypeOf2['default'])(DanteAnchorPopover)).call(this, props));
+
+	    _this.display = _this.display.bind(_this);
+	    _this.show = _this.show.bind(_this);
+	    _this.hide = _this.hide.bind(_this);
+	    _this.relocate = _this.relocate.bind(_this);
+	    _this.render = _this.render.bind(_this);
+	    _this.state = {
+	      position: {
+	        top: 0,
+	        left: 0
+	      },
+	      show: false,
+	      url: ""
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(DanteAnchorPopover, [{
+	    key: 'display',
+	    value: function display(b) {
+	      if (b) {
+	        return this.show();
+	      } else {
+	        return this.hide();
+	      }
+	    }
+	  }, {
+	    key: 'show',
+	    value: function show() {
+	      return this.setState({
+	        show: true });
+	    }
+	  }, {
+	    key: 'hide',
+	    value: function hide() {
+	      return this.setState({
+	        show: false });
+	    }
+	  }, {
+	    key: 'setPosition',
+	    value: function setPosition(coords) {
+	      return this.setState({
+	        position: coords });
+	    }
+	  }, {
+	    key: 'relocate',
+	    value: function relocate(node) {
+	      if (node == null) {
+	        node = null;
+	      }
+	      if (!node) {
+	        return;
+	      }
+
+	      var editorState = this.props.editorState;
+
+	      var currentBlock = (0, _index.getCurrentBlock)(editorState);
+	      var blockType = currentBlock.getType();
+
+	      var contentState = editorState.getCurrentContent();
+	      var selectionState = editorState.getSelection();
+
+	      var selectionBoundary = node.getBoundingClientRect();
+	      var coords = selectionBoundary;
+
+	      var el = this.refs.dante_popover;
+	      var padd = el.offsetWidth / 2;
+
+	      var parent = _reactDom2['default'].findDOMNode(this.props.editor);
+	      var parentBoundary = parent.getBoundingClientRect();
+
+	      return {
+	        top: selectionBoundary.top - parentBoundary.top + 160,
+	        left: selectionBoundary.left + selectionBoundary.width / 2 - padd
+	      };
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var position = this.state.position;
+
+	      var style = {
+	        left: position.left,
+	        top: position.top,
+	        visibility: '' + (this.state.show ? 'visible' : 'hidden')
+	      };
+	      return _react2['default'].createElement(
+	        'div',
+	        {
+	          ref: 'dante_popover',
+	          className: 'dante-popover popover--tooltip popover--Linktooltip popover--bottom is-active',
+	          style: style,
+	          onMouseOver: this.props.handleOnMouseOver,
+	          onMouseOut: this.props.handleOnMouseOut
+	        },
+	        _react2['default'].createElement(
+	          'div',
+	          { className: 'popover-inner' },
+	          _react2['default'].createElement(
+	            'a',
+	            { href: this.props.url, target: '_blank' },
+	            this.state.url
+	          )
+	        ),
+	        _react2['default'].createElement('div', { className: 'popover-arrow' })
+	      );
+	    }
+	  }]);
+	  return DanteAnchorPopover;
+	}(_react2['default'].Component);
+
+		exports['default'] = DanteAnchorPopover;
+
+/***/ },
+
+/***/ 462:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _index = __webpack_require__(426);
+
+	var _selection = __webpack_require__(460);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var DanteInlineTooltip = function (_React$Component) {
+	  (0, _inherits3['default'])(DanteInlineTooltip, _React$Component);
+
+	  function DanteInlineTooltip(props) {
+	    (0, _classCallCheck3['default'])(this, DanteInlineTooltip);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (DanteInlineTooltip.__proto__ || (0, _getPrototypeOf2['default'])(DanteInlineTooltip)).call(this, props));
+
+	    _this.display = _this.display.bind(_this);
+	    _this.show = _this.show.bind(_this);
+	    _this.hide = _this.hide.bind(_this);
+	    _this._toggleScaled = _this._toggleScaled.bind(_this);
+	    _this.scale = _this.scale.bind(_this);
+	    _this.collapse = _this.collapse.bind(_this);
+	    _this.componentWillReceiveProps = _this.componentWillReceiveProps.bind(_this);
+	    _this.clickOnFileUpload = _this.clickOnFileUpload.bind(_this);
+	    _this.handlePlaceholder = _this.handlePlaceholder.bind(_this);
+	    _this.insertImage = _this.insertImage.bind(_this);
+	    _this.handleFileInput = _this.handleFileInput.bind(_this);
+	    _this.widgets = _this.widgets.bind(_this);
+	    _this.clickHandler = _this.clickHandler.bind(_this);
+	    _this.relocate = _this.relocate.bind(_this);
+	    _this.state = {
+	      position: { top: 0, left: 0 },
+	      show: false,
+	      scaled: false
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(DanteInlineTooltip, [{
+	    key: 'display',
+	    value: function display(b) {
+	      if (b) {
+	        return this.show();
+	      } else {
+	        return this.hide();
+	      }
+	    }
+	  }, {
+	    key: 'show',
+	    value: function show() {
+	      return this.setState({
+	        show: true });
+	    }
+	  }, {
+	    key: 'hide',
+	    value: function hide() {
+	      return this.setState({
+	        show: false });
+	    }
+	  }, {
+	    key: 'setPosition',
+	    value: function setPosition(coords) {
+	      return this.setState({
+	        position: coords });
+	    }
+	  }, {
+	    key: '_toggleScaled',
+	    value: function _toggleScaled(ev) {
+	      if (this.state.scaled) {
+	        return this.collapse();
+	      } else {
+	        return this.scale();
+	      }
+	    }
+	  }, {
+	    key: 'scale',
+	    value: function scale() {
+	      return this.setState({
+	        scaled: true });
+	    }
+	  }, {
+	    key: 'collapse',
+	    value: function collapse() {
+	      return this.setState({
+	        scaled: false });
+	    }
+	  }, {
+	    key: 'componentWillReceiveProps',
+	    value: function componentWillReceiveProps(newProps) {
+	      return this.collapse();
+	    }
+	  }, {
+	    key: 'activeClass',
+	    value: function activeClass() {
+	      //if @props.show then "is-active" else ""
+	      if (this.isActive()) {
+	        return "is-active";
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: 'isActive',
+	    value: function isActive() {
+	      return this.state.show;
+	    }
+	  }, {
+	    key: 'scaledClass',
+	    value: function scaledClass() {
+	      if (this.state.scaled) {
+	        return "is-scaled";
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: 'scaledWidth',
+	    value: function scaledWidth() {
+	      if (this.state.scaled) {
+	        return "124";
+	      } else {
+	        return "0";
+	      }
+	    }
+	  }, {
+	    key: 'clickOnFileUpload',
+	    value: function clickOnFileUpload() {
+	      this.refs.fileInput.click();
+	      this.collapse();
+	      return this.hide();
+	    }
+	  }, {
+	    key: 'handlePlaceholder',
+	    value: function handlePlaceholder(input) {
+	      var opts = {
+	        type: input.widget_options.insert_block,
+	        placeholder: input.options.placeholder,
+	        endpoint: input.options.endpoint
+	      };
+
+	      return this.props.onChange((0, _index.resetBlockWithType)(this.props.editorState, 'placeholder', opts));
+	    }
+	  }, {
+	    key: 'insertImage',
+	    value: function insertImage(file) {
+	      var opts = {
+	        url: URL.createObjectURL(file),
+	        file: file
+	      };
+
+	      return this.props.onChange((0, _index.addNewBlock)(this.props.editorState, 'image', opts));
+	    }
+	  }, {
+	    key: 'handleFileInput',
+	    value: function handleFileInput(e) {
+	      var fileList = e.target.files;
+	      // TODO: support multiple file uploads
+	      /*
+	      Object.keys(fileList).forEach (o)=>
+	        @.insertImage(fileList[0])
+	      */
+	      return this.insertImage(fileList[0]);
+	    }
+	  }, {
+	    key: 'widgets',
+	    value: function widgets() {
+	      return this.props.editor.widgets;
+	    }
+	  }, {
+	    key: 'clickHandler',
+	    value: function clickHandler(e, type) {
+	      var request_block = this.widgets().find(function (o) {
+	        return o.icon === type;
+	      });
+
+	      switch (request_block.widget_options.insertion) {
+	        case "upload":
+	          return this.clickOnFileUpload(e, request_block);
+	        case "placeholder":
+	          return this.handlePlaceholder(request_block);
+	        default:
+	          return console.log('WRONG TYPE FOR ' + request_block.widget_options.insertion);
+	      }
+	    }
+	  }, {
+	    key: 'getItems',
+	    value: function getItems() {
+	      return this.widgets().filter(function (o) {
+	        return o.widget_options.displayOnInlineTooltip;
+	      });
+	    }
+	  }, {
+	    key: 'isDescendant',
+	    value: function isDescendant(parent, child) {
+	      var node = child.parentNode;
+	      while (node !== null) {
+	        if (node === parent) {
+	          return true;
+	        }
+	        node = node.parentNode;
+	      }
+	      return false;
+	    }
+	  }, {
+	    key: 'relocate',
+	    value: function relocate() {
+	      var editorState = this.props.editorState;
+
+
+	      if (editorState.getSelection().isCollapsed()) {
+
+	        var currentBlock = (0, _index.getCurrentBlock)(editorState);
+	        var blockType = currentBlock.getType();
+
+	        var contentState = editorState.getCurrentContent();
+	        var selectionState = editorState.getSelection();
+
+	        var block = contentState.getBlockForKey(selectionState.anchorKey);
+
+	        var nativeSelection = (0, _selection.getSelection)(window);
+	        if (!nativeSelection.rangeCount) {
+	          return;
+	        }
+
+	        var node = (0, _index.getNode)();
+
+	        var selectionBoundary = (0, _selection.getSelectionRect)(nativeSelection);
+	        var coords = selectionBoundary; //utils.getSelectionDimensions(node)
+
+	        var parent = _reactDom2['default'].findDOMNode(this.props.editor);
+	        var parentBoundary = parent.getBoundingClientRect();
+
+	        // hide if selected node is not in editor
+	        // debugger
+	        //console.log @isDescendant(parent, nativeSelection.anchorNode)
+
+	        if (!this.isDescendant(parent, nativeSelection.anchorNode)) {
+	          this.hide();
+	          return;
+	        }
+
+	        // checkeamos si esta vacio
+	        this.display(block.getText().length === 0 && blockType === "unstyled");
+	        return this.setPosition({
+	          top: coords.top + window.scrollY,
+	          left: coords.left + window.scrollX - 60
+	        });
+
+	        /*
+	        @refs.image_popover.display(blockType is "image")
+	         if blockType is "image"
+	          selectionBoundary = node.anchorNode.parentNode.parentNode.parentNode.getBoundingClientRect()
+	          *el = document.querySelector("#dante_image_popover")
+	          el = @refs.image_popover.refs.image_popover
+	          padd   = el.offsetWidth / 2
+	          @refs.image_popover.setPosition
+	            top: selectionBoundary.top - parentBoundary.top + 60
+	            left: selectionBoundary.left + (selectionBoundary.width / 2) - padd
+	           *@setState
+	          *  image_popover_position:
+	          *    top: selectionBoundary.top - parentBoundary.top + 60
+	          *    left: selectionBoundary.left + (selectionBoundary.width / 2) - padd
+	          *
+	        */
+	      } else {
+	        return this.hide();
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this2 = this;
+
+	      return _react2['default'].createElement(
+	        'div',
+	        {
+	          className: 'inlineTooltip ' + this.activeClass() + ' ' + this.scaledClass(),
+	          style: this.state.position
+	        },
+	        _react2['default'].createElement(
+	          'button',
+	          {
+	            className: 'inlineTooltip-button control',
+	            title: 'Close Menu',
+	            'data-action': 'inline-menu',
+	            onClick: this._toggleScaled
+	          },
+	          _react2['default'].createElement('span', { className: 'tooltip-icon dante-icon-plus' })
+	        ),
+	        _react2['default'].createElement(
+	          'div',
+	          {
+	            className: 'inlineTooltip-menu',
+	            style: { width: this.scaledWidth() + 'px' }
+	          },
+	          this.getItems().map(function (item, i) {
+	            return _react2['default'].createElement(InlineTooltipItem, {
+	              item: item,
+	              key: i,
+	              clickHandler: _this2.clickHandler
+	            });
+	          }),
+	          _react2['default'].createElement('input', {
+	            type: 'file',
+	            style: { display: 'none' },
+	            ref: 'fileInput',
+	            multiple: 'multiple',
+	            onChange: this.handleFileInput
+	          })
+	        )
+	      );
+	    }
+	  }]);
+	  return DanteInlineTooltip;
+	}(_react2['default'].Component);
+
+	var InlineTooltipItem = function (_React$Component2) {
+	  (0, _inherits3['default'])(InlineTooltipItem, _React$Component2);
+
+	  function InlineTooltipItem() {
+	    var _ref;
+
+	    (0, _classCallCheck3['default'])(this, InlineTooltipItem);
+
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    var _this3 = (0, _possibleConstructorReturn3['default'])(this, (_ref = InlineTooltipItem.__proto__ || (0, _getPrototypeOf2['default'])(InlineTooltipItem)).call.apply(_ref, [this].concat(args)));
+
+	    _this3.clickHandler = _this3.clickHandler.bind(_this3);
+	    return _this3;
+	  }
+
+	  (0, _createClass3['default'])(InlineTooltipItem, [{
+	    key: 'clickHandler',
+	    value: function clickHandler(e) {
+	      e.preventDefault();
+	      return this.props.clickHandler(e, this.props.item.icon);
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'button',
+	        {
+	          className: 'inlineTooltip-button scale',
+	          title: this.props.title,
+	          onMouseDown: this.clickHandler
+	        },
+	        _react2['default'].createElement('span', { className: 'tooltip-icon dante-icon-' + this.props.item.icon })
+	      );
+	    }
+	  }]);
+	  return InlineTooltipItem;
+	}(_react2['default'].Component);
+
+		exports['default'] = DanteInlineTooltip;
+
+/***/ },
+
+/***/ 463:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _selection = __webpack_require__(460);
+
+	var _index = __webpack_require__(426);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var DanteTooltip = function (_React$Component) {
+	  (0, _inherits3['default'])(DanteTooltip, _React$Component);
+
+	  function DanteTooltip(props) {
+	    (0, _classCallCheck3['default'])(this, DanteTooltip);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (DanteTooltip.__proto__ || (0, _getPrototypeOf2['default'])(DanteTooltip)).call(this, props));
+
+	    _this._clickInlineHandler = _this._clickInlineHandler.bind(_this);
+	    _this.display = _this.display.bind(_this);
+	    _this.show = _this.show.bind(_this);
+	    _this.hide = _this.hide.bind(_this);
+	    _this.relocate = _this.relocate.bind(_this);
+	    _this._clickBlockHandler = _this._clickBlockHandler.bind(_this);
+	    _this.displayLinkMode = _this.displayLinkMode.bind(_this);
+	    _this.displayActiveMenu = _this.displayActiveMenu.bind(_this);
+	    _this._enableLinkMode = _this._enableLinkMode.bind(_this);
+	    _this._disableLinkMode = _this._disableLinkMode.bind(_this);
+	    _this.handleInputEnter = _this.handleInputEnter.bind(_this);
+	    _this.confirmLink = _this.confirmLink.bind(_this);
+	    _this.inlineItems = _this.inlineItems.bind(_this);
+	    _this.blockItems = _this.blockItems.bind(_this);
+	    _this.getDefaultValue = _this.getDefaultValue.bind(_this);
+	    _this.getVisibleSelectionRect = _draftJs.getVisibleSelectionRect;
+	    _this.state = {
+	      link_mode: false,
+	      show: false,
+	      position: {}
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(DanteTooltip, [{
+	    key: '_clickInlineHandler',
+	    value: function _clickInlineHandler(ev, style) {
+	      var _this2 = this;
+
+	      ev.preventDefault();
+
+	      this.props.onChange(_draftJs.RichUtils.toggleInlineStyle(this.props.editorState, style));
+
+	      return setTimeout(function () {
+	        return _this2.relocate();
+	      }, 0);
+	    }
+	  }, {
+	    key: 'display',
+	    value: function display(b) {
+	      if (b) {
+	        return this.show();
+	      } else {
+	        return this.hide();
+	      }
+	    }
+	  }, {
+	    key: 'show',
+	    value: function show() {
+	      return this.setState({
+	        show: true });
+	    }
+	  }, {
+	    key: 'hide',
+	    value: function hide() {
+	      return this.setState({
+	        link_mode: false,
+	        show: false
+	      });
+	    }
+	  }, {
+	    key: 'setPosition',
+	    value: function setPosition(coords) {
+	      return this.setState({
+	        position: coords });
+	    }
+	  }, {
+	    key: 'isDescendant',
+	    value: function isDescendant(parent, child) {
+	      var node = child.parentNode;
+	      while (node !== null) {
+	        if (node === parent) {
+	          return true;
+	        }
+	        node = node.parentNode;
+	      }
+	      return false;
+	    }
+	  }, {
+	    key: 'relocate',
+	    value: function relocate() {
+
+	      var currentBlock = (0, _index.getCurrentBlock)(this.props.editorState);
+	      var blockType = currentBlock.getType();
+	      // display tooltip only for unstyled
+
+	      if (this.props.configTooltip.selectionElements.indexOf(blockType) < 0) {
+	        this.hide();
+	        return;
+	      }
+
+	      if (this.state.link_mode) {
+	        return;
+	      }
+	      if (!this.state.show) {
+	        return;
+	      }
+
+	      var el = this.refs.dante_menu;
+	      var padd = el.offsetWidth / 2;
+
+	      var nativeSelection = (0, _selection.getSelection)(window);
+	      if (!nativeSelection.rangeCount) {
+	        return;
+	      }
+
+	      var selectionBoundary = (0, _selection.getSelectionRect)(nativeSelection);
+
+	      var parent = _reactDom2['default'].findDOMNode(this.props.editor);
+	      var parentBoundary = parent.getBoundingClientRect();
+
+	      // hide if selected node is not in editor
+	      if (!this.isDescendant(parent, nativeSelection.anchorNode)) {
+	        this.hide();
+	        return;
+	      }
+
+	      var top = selectionBoundary.top - parentBoundary.top - -90 - 5;
+	      var left = selectionBoundary.left + selectionBoundary.width / 2 - padd;
+
+	      if (!top || !left) {
+	        return;
+	      }
+
+	      // console.log "SET SHOW FOR TOOLTIP INSERT MENU"
+	      return this.setState({
+	        show: true,
+	        position: {
+	          left: left,
+	          top: top
+	        }
+	      });
+	    }
+	  }, {
+	    key: '_clickBlockHandler',
+	    value: function _clickBlockHandler(ev, style) {
+	      var _this3 = this;
+
+	      ev.preventDefault();
+
+	      this.props.onChange(_draftJs.RichUtils.toggleBlockType(this.props.editorState, style));
+
+	      return setTimeout(function () {
+	        return _this3.relocate();
+	      }, 0);
+	    }
+	  }, {
+	    key: 'displayLinkMode',
+	    value: function displayLinkMode() {
+	      if (this.state.link_mode) {
+	        return "dante-menu--linkmode";
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: 'displayActiveMenu',
+	    value: function displayActiveMenu() {
+	      if (this.state.show) {
+	        return "dante-menu--active";
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: '_enableLinkMode',
+	    value: function _enableLinkMode(ev) {
+	      ev.preventDefault();
+	      return this.setState({
+	        link_mode: true });
+	    }
+	  }, {
+	    key: '_disableLinkMode',
+	    value: function _disableLinkMode(ev) {
+	      ev.preventDefault();
+	      return this.setState({
+	        link_mode: false,
+	        url: ""
+	      });
+	    }
+	  }, {
+	    key: 'hideMenu',
+	    value: function hideMenu() {
+	      return this.hide();
+	    }
+	  }, {
+	    key: 'handleInputEnter',
+	    value: function handleInputEnter(e) {
+	      if (e.which === 13) {
+	        return this.confirmLink(e);
+	      }
+	    }
+	  }, {
+	    key: 'confirmLink',
+	    value: function confirmLink(e) {
+	      e.preventDefault();
+	      var editorState = this.props.editorState;
+
+	      var urlValue = e.currentTarget.value;
+	      var contentState = editorState.getCurrentContent();
+	      var selection = editorState.getSelection();
+
+	      var opts = {
+	        url: urlValue,
+	        showPopLinkOver: this.props.showPopLinkOver,
+	        hidePopLinkOver: this.props.hidePopLinkOver
+	      };
+
+	      var entityKey = _draftJs.Entity.create('LINK', 'MUTABLE', opts);
+
+	      if (selection.isCollapsed()) {
+	        console.log("COLLAPSED SKIPPING LINK");
+	        return;
+	      }
+
+	      this.props.onChange(_draftJs.RichUtils.toggleLink(editorState, selection, entityKey));
+
+	      return this._disableLinkMode(e);
+	    }
+	  }, {
+	    key: 'getPosition',
+	    value: function getPosition() {
+	      var pos = this.state.position;
+	      return pos;
+	    }
+	  }, {
+	    key: 'inlineItems',
+	    value: function inlineItems() {
+	      return this.props.widget_options.block_types.filter(function (o) {
+	        return o.type === "inline";
+	      });
+	    }
+	  }, {
+	    key: 'blockItems',
+	    value: function blockItems() {
+	      return this.props.widget_options.block_types.filter(function (o) {
+	        return o.type === "block";
+	      });
+	    }
+	  }, {
+	    key: 'getDefaultValue',
+	    value: function getDefaultValue() {
+	      var _this4 = this;
+
+	      if (this.refs.dante_menu_input) {
+	        this.refs.dante_menu_input.value = "";
+	      }
+
+	      var currentBlock = (0, _index.getCurrentBlock)(this.props.editorState);
+	      var blockType = currentBlock.getType();
+	      var selection = this.props.editor.state.editorState.getSelection();
+	      var selectedEntity = null;
+	      var defaultUrl = null;
+	      return currentBlock.findEntityRanges(function (character) {
+	        var entityKey = character.getEntity();
+	        selectedEntity = entityKey;
+	        return entityKey !== null && _draftJs.Entity.get(entityKey).getType() === 'LINK';
+	      }, function (start, end) {
+	        var selStart = selection.getAnchorOffset();
+	        var selEnd = selection.getFocusOffset();
+	        if (selection.getIsBackward()) {
+	          selStart = selection.getFocusOffset();
+	          selEnd = selection.getAnchorOffset();
+	        }
+
+	        if (start === selStart && end === selEnd) {
+	          defaultUrl = _draftJs.Entity.get(selectedEntity).getData().url;
+	          return _this4.refs.dante_menu_input.value = defaultUrl;
+	        }
+	      });
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      var _this5 = this;
+
+	      return _react2['default'].createElement(
+	        'div',
+	        {
+	          id: 'dante-menu',
+	          ref: 'dante_menu',
+	          className: 'dante-menu ' + this.displayActiveMenu() + ' ' + this.displayLinkMode(),
+	          style: this.getPosition()
+	        },
+	        _react2['default'].createElement(
+	          'div',
+	          { className: 'dante-menu-linkinput' },
+	          _react2['default'].createElement('input', {
+	            className: 'dante-menu-input',
+	            ref: 'dante_menu_input',
+	            placeholder: 'Paste or type a link',
+	            onKeyPress: this.handleInputEnter,
+	            defaultValue: this.getDefaultValue()
+	          }),
+	          _react2['default'].createElement('div', { className: 'dante-menu-button', onMouseDown: this._disableLinkMode })
+	        ),
+	        _react2['default'].createElement(
+	          'ul',
+	          { className: 'dante-menu-buttons' },
+	          this.blockItems().map(function (item, i) {
+	            return _react2['default'].createElement(DanteTooltipItem, {
+	              key: i,
+	              item: item,
+	              handleClick: _this5._clickBlockHandler,
+	              editorState: _this5.props.editorState,
+	              type: 'block',
+	              currentStyle: _this5.props.editorState.getCurrentInlineStyle
+	            });
+	          }),
+	          _react2['default'].createElement(DanteTooltipLink, {
+	            editorState: this.props.editorState,
+	            enableLinkMode: this._enableLinkMode
+	          }),
+	          this.inlineItems().map(function (item, i) {
+	            return _react2['default'].createElement(DanteTooltipItem, {
+	              key: i,
+	              item: item,
+	              type: 'inline',
+	              editorState: _this5.props.editorState,
+	              handleClick: _this5._clickInlineHandler
+	            });
+	          })
+	        )
+	      );
+	    }
+	  }]);
+	  return DanteTooltip;
+	}(_react2['default'].Component);
+
+	var DanteTooltipItem = function (_React$Component2) {
+	  (0, _inherits3['default'])(DanteTooltipItem, _React$Component2);
+
+	  function DanteTooltipItem() {
+	    var _ref;
+
+	    (0, _classCallCheck3['default'])(this, DanteTooltipItem);
+
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    var _this6 = (0, _possibleConstructorReturn3['default'])(this, (_ref = DanteTooltipItem.__proto__ || (0, _getPrototypeOf2['default'])(DanteTooltipItem)).call.apply(_ref, [this].concat(args)));
+
+	    _this6.handleClick = _this6.handleClick.bind(_this6);
+	    _this6.activeClass = _this6.activeClass.bind(_this6);
+	    _this6.isActive = _this6.isActive.bind(_this6);
+	    _this6.activeClassInline = _this6.activeClassInline.bind(_this6);
+	    _this6.activeClassBlock = _this6.activeClassBlock.bind(_this6);
+	    _this6.render = _this6.render.bind(_this6);
+	    return _this6;
+	  }
+
+	  (0, _createClass3['default'])(DanteTooltipItem, [{
+	    key: 'handleClick',
+	    value: function handleClick(ev) {
+	      return this.props.handleClick(ev, this.props.item.style);
+	    }
+	  }, {
+	    key: 'activeClass',
+	    value: function activeClass() {
+	      if (this.isActive()) {
+	        return "active";
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: 'isActive',
+	    value: function isActive() {
+	      if (this.props.type === "block") {
+	        return this.activeClassBlock();
+	      } else {
+	        return this.activeClassInline();
+	      }
+	    }
+	  }, {
+	    key: 'activeClassInline',
+	    value: function activeClassInline() {
+	      if (!this.props.editorState) {
+	        return;
+	      }
+	      //console.log @props.item
+	      return this.props.editorState.getCurrentInlineStyle().has(this.props.item.style);
+	    }
+	  }, {
+	    key: 'activeClassBlock',
+	    value: function activeClassBlock() {
+	      //console.log "EDITOR STATE", @props.editorState
+	      if (!this.props.editorState) {
+	        return;
+	      }
+	      var selection = this.props.editorState.getSelection();
+	      var blockType = this.props.editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
+	      return this.props.item.style === blockType;
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'li',
+	        { className: 'dante-menu-button ' + this.activeClass(), onMouseDown: this.handleClick },
+	        _react2['default'].createElement('i', { className: 'dante-icon dante-icon-' + this.props.item.label, 'data-action': 'bold' })
+	      );
+	    }
+	  }]);
+	  return DanteTooltipItem;
+	}(_react2['default'].Component);
+
+	var DanteTooltipLink = function (_React$Component3) {
+	  (0, _inherits3['default'])(DanteTooltipLink, _React$Component3);
+
+	  function DanteTooltipLink() {
+	    var _ref2;
+
+	    (0, _classCallCheck3['default'])(this, DanteTooltipLink);
+
+	    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+	      args[_key2] = arguments[_key2];
+	    }
+
+	    var _this7 = (0, _possibleConstructorReturn3['default'])(this, (_ref2 = DanteTooltipLink.__proto__ || (0, _getPrototypeOf2['default'])(DanteTooltipLink)).call.apply(_ref2, [this].concat(args)));
+
+	    _this7.promptForLink = _this7.promptForLink.bind(_this7);
+	    return _this7;
+	  }
+
+	  (0, _createClass3['default'])(DanteTooltipLink, [{
+	    key: 'promptForLink',
+	    value: function promptForLink(ev) {
+	      var selection = this.props.editorState.getSelection();
+	      if (!selection.isCollapsed()) {
+	        return this.props.enableLinkMode(ev);
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'li',
+	        { className: 'dante-menu-button', onMouseDown: this.promptForLink },
+	        _react2['default'].createElement(
+	          'i',
+	          { className: 'dante-icon icon-createlink', 'data-action': 'createlink' },
+	          'link'
+	        )
+	      );
+	    }
+	  }]);
+	  return DanteTooltipLink;
+	}(_react2['default'].Component);
+
+		exports['default'] = DanteTooltip;
+
+/***/ },
+
+/***/ 464:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _assign = __webpack_require__(465);
+
+	var _assign2 = _interopRequireDefault(_assign);
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _axios = __webpack_require__(433);
+
+	var _axios2 = _interopRequireDefault(_axios);
+
+	var _index = __webpack_require__(426);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var ImageBlock = function (_React$Component) {
+	  (0, _inherits3['default'])(ImageBlock, _React$Component);
+
+	  function ImageBlock(props) {
+	    (0, _classCallCheck3['default'])(this, ImageBlock);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (ImageBlock.__proto__ || (0, _getPrototypeOf2['default'])(ImageBlock)).call(this, props));
+
+	    _this.blockPropsSrc = _this.blockPropsSrc.bind(_this);
+	    _this.defaultUrl = _this.defaultUrl.bind(_this);
+	    _this.defaultAspectRatio = _this.defaultAspectRatio.bind(_this);
+	    _this.updateData = _this.updateData.bind(_this);
+	    _this.replaceImg = _this.replaceImg.bind(_this);
+	    _this.startLoader = _this.startLoader.bind(_this);
+	    _this.stopLoader = _this.stopLoader.bind(_this);
+	    _this.handleUpload = _this.handleUpload.bind(_this);
+	    _this.aspectRatio = _this.aspectRatio.bind(_this);
+	    _this.updateDataSelection = _this.updateDataSelection.bind(_this);
+	    _this.handleGrafFigureSelectImg = _this.handleGrafFigureSelectImg.bind(_this);
+	    _this.getUploadUrl = _this.getUploadUrl.bind(_this);
+	    _this.uploadFile = _this.uploadFile.bind(_this);
+	    _this.uploadCompleted = _this.uploadCompleted.bind(_this);
+	    _this.updateProgressBar = _this.updateProgressBar.bind(_this);
+	    _this.placeHolderEnabled = _this.placeHolderEnabled.bind(_this);
+	    _this.placeholderText = _this.placeholderText.bind(_this);
+	    _this.handleFocus = _this.handleFocus.bind(_this);
+	    _this.render = _this.render.bind(_this);
+	    var existing_data = _this.props.block.getData().toJS();
+
+	    _this.config = _this.props.blockProps.config;
+	    _this.file = _this.props.blockProps.data.get('file');
+	    _this.state = {
+	      loading: false,
+	      selected: false,
+	      loading_progress: 0,
+	      enabled: false,
+	      caption: _this.defaultPlaceholder(),
+	      direction: existing_data.direction || "center",
+	      width: 0,
+	      height: 0,
+	      file: null,
+	      url: _this.blockPropsSrc() || _this.defaultUrl(existing_data),
+	      aspect_ratio: _this.defaultAspectRatio(existing_data)
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(ImageBlock, [{
+	    key: 'blockPropsSrc',
+	    value: function blockPropsSrc() {
+	      // console.log @.props.blockProps.data.src
+	      return this.props.blockProps.data.src;
+	    }
+	    /*
+	    debugger
+	    block = @.props
+	    entity = block.block.getEntityAt(0)
+	    if entity
+	      data = Entity.get(entity).getData().src
+	    else
+	      null
+	    */
+
+	  }, {
+	    key: 'defaultUrl',
+	    value: function defaultUrl(data) {
+	      if (data.url) {
+	        return data.url;
+	      }
+
+	      if (data.url) {
+	        if (data.file) {
+	          return URL.createObjectURL(data.file);
+	        } else {
+	          return data.url;
+	        }
+	      } else {
+	        return this.props.blockProps.data.src;
+	      }
+	    }
+	  }, {
+	    key: 'defaultPlaceholder',
+	    value: function defaultPlaceholder() {
+	      return this.props.blockProps.config.image_caption_placeholder;
+	    }
+	  }, {
+	    key: 'defaultAspectRatio',
+	    value: function defaultAspectRatio(data) {
+	      if (data.aspect_ratio) {
+	        return {
+	          width: data.aspect_ratio['width'],
+	          height: data.aspect_ratio['height'],
+	          ratio: data.aspect_ratio['ratio']
+	        };
+	      } else {
+	        return {
+	          width: 0,
+	          height: 0,
+	          ratio: 100
+	        };
+	      }
+	    }
+	  }, {
+	    key: 'getAspectRatio',
+	    value: function getAspectRatio(w, h) {
+	      var maxWidth = 1000;
+	      var maxHeight = 1000;
+	      var ratio = 0;
+	      var width = w; // Current image width
+	      var height = h; // Current image height
+
+	      // Check if the current width is larger than the max
+	      if (width > maxWidth) {
+	        ratio = maxWidth / width; // get ratio for scaling image
+	        height = height * ratio; // Reset height to match scaled image
+	        width = width * ratio; // Reset width to match scaled image
+
+	        // Check if current height is larger than max
+	      } else if (height > maxHeight) {
+	        ratio = maxHeight / height; // get ratio for scaling image
+	        width = width * ratio; // Reset width to match scaled image
+	        height = height * ratio; // Reset height to match scaled image
+	      }
+
+	      var fill_ratio = height / width * 100;
+	      var result = { width: width, height: height, ratio: fill_ratio };
+	      // console.log result
+	      return result;
+	    }
+
+	    // will update block state
+
+	  }, {
+	    key: 'updateData',
+	    value: function updateData() {
+	      var blockProps = this.props.blockProps;
+	      var block = this.props.block;
+	      var getEditorState = this.props.blockProps.getEditorState;
+	      var setEditorState = this.props.blockProps.setEditorState;
+
+	      var data = block.getData();
+	      var newData = data.merge(this.state).merge({ forceUpload: false });
+	      return setEditorState((0, _index.updateDataOfBlock)(getEditorState(), block, newData));
+	    }
+	  }, {
+	    key: 'replaceImg',
+	    value: function replaceImg() {
+	      var _this2 = this;
+
+	      this.img = new Image();
+	      this.img.src = this.refs.image_tag.src;
+	      this.setState({
+	        url: this.img.src });
+	      var self = this;
+	      // exit only when not blob and not forceUload
+	      if (!this.img.src.includes("blob:") && !this.props.block.data.get("forceUpload")) {
+	        return;
+	      }
+	      return this.img.onload = function () {
+	        _this2.setState({
+	          width: _this2.img.width,
+	          height: _this2.img.height,
+	          aspect_ratio: self.getAspectRatio(_this2.img.width, _this2.img.height)
+	        });
+
+	        return _this2.handleUpload();
+	      };
+	    }
+	  }, {
+	    key: 'startLoader',
+	    value: function startLoader() {
+	      return this.setState({
+	        loading: true });
+	    }
+	  }, {
+	    key: 'stopLoader',
+	    value: function stopLoader() {
+	      return this.setState({
+	        loading: false });
+	    }
+	  }, {
+	    key: 'handleUpload',
+	    value: function handleUpload() {
+	      this.startLoader();
+	      this.props.blockProps.addLock();
+	      this.updateData();
+	      return this.uploadFile();
+	    }
+	  }, {
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      return this.replaceImg();
+	    }
+	  }, {
+	    key: 'aspectRatio',
+	    value: function aspectRatio() {
+	      return {
+	        maxWidth: '' + this.state.aspect_ratio.width,
+	        maxHeight: '' + this.state.aspect_ratio.height,
+	        ratio: '' + this.state.aspect_ratio.height
+	      };
+	    }
+	  }, {
+	    key: 'updateDataSelection',
+	    value: function updateDataSelection() {
+	      var _props$blockProps = this.props.blockProps,
+	          getEditorState = _props$blockProps.getEditorState,
+	          setEditorState = _props$blockProps.setEditorState;
+
+	      var newselection = getEditorState().getSelection().merge({
+	        anchorKey: this.props.block.getKey(),
+	        focusKey: this.props.block.getKey()
+	      });
+
+	      return setEditorState(_draftJs.EditorState.forceSelection(getEditorState(), newselection));
+	    }
+	  }, {
+	    key: 'handleGrafFigureSelectImg',
+	    value: function handleGrafFigureSelectImg(e) {
+	      e.preventDefault();
+	      return this.setState({ selected: true }, this.updateDataSelection);
+	    }
+
+	    //main_editor.onChange(main_editor.state.editorState)
+
+	  }, {
+	    key: 'coords',
+	    value: function coords() {
+	      return {
+	        maxWidth: this.state.aspect_ratio.width + 'px',
+	        maxHeight: this.state.aspect_ratio.height + 'px'
+	      };
+	    }
+	  }, {
+	    key: 'getBase64Image',
+	    value: function getBase64Image(img) {
+	      var canvas = document.createElement("canvas");
+	      canvas.width = img.width;
+	      canvas.height = img.height;
+	      var ctx = canvas.getContext("2d");
+	      ctx.drawImage(img, 0, 0);
+	      var dataURL = canvas.toDataURL("image/png");
+
+	      return dataURL;
+	    }
+	  }, {
+	    key: 'formatData',
+	    value: function formatData() {
+	      var formData = new FormData();
+	      if (this.file) {
+	        var formName = this.config.upload_formName || 'file';
+
+	        formData.append(formName, this.file);
+	        return formData;
+	      } else {
+	        formData.append('url', this.props.blockProps.data.get("url"));
+	        return formData;
+	      }
+	    }
+	  }, {
+	    key: 'getUploadUrl',
+	    value: function getUploadUrl() {
+	      var url = this.config.upload_url;
+	      if (typeof url === "function") {
+	        return url();
+	      } else {
+	        return url;
+	      }
+	    }
+	  }, {
+	    key: 'getUploadHeaders',
+	    value: function getUploadHeaders() {
+	      return this.config.upload_headers || {};
+	    }
+	  }, {
+	    key: 'uploadFile',
+	    value: function uploadFile() {
+	      var _this3 = this;
+
+	      var handleUp = void 0;
+	      (0, _axios2['default'])({
+	        method: 'post',
+	        url: this.getUploadUrl(),
+	        headers: this.getUploadHeaders(),
+	        data: this.formatData(),
+	        onUploadProgress: function onUploadProgress(e) {
+	          return _this3.updateProgressBar(e);
+	        }
+	      }).then(function (result) {
+	        _this3.uploadCompleted(result.data);
+	        _this3.props.blockProps.removeLock();
+	        _this3.stopLoader();
+	        _this3.file = null;
+
+	        if (_this3.config.upload_callback) {
+	          return _this3.config.upload_callback(result, _this3);
+	        }
+	      })['catch'](function (error) {
+	        _this3.props.blockProps.removeLock();
+	        _this3.stopLoader();
+
+	        console.log('ERROR: got error uploading file ' + error);
+	        if (_this3.config.upload_error_callback) {
+	          return _this3.config.upload_error_callback(error, _this3);
+	        }
+	      });
+
+	      return handleUp = function handleUp(json_response) {
+	        return _this3.uploadCompleted(json_response, n);
+	      };
+	    }
+	  }, {
+	    key: 'uploadCompleted',
+	    value: function uploadCompleted(json) {
+	      return this.setState({ url: json.url }, this.updateData);
+	    }
+	  }, {
+	    key: 'updateProgressBar',
+	    value: function updateProgressBar(e) {
+	      var complete = this.state.loading_progress;
+	      if (e.lengthComputable) {
+	        complete = e.loaded / e.total * 100;
+	        complete = complete != null ? complete : { complete: 0 };
+	        this.setState({
+	          loading_progress: complete });
+	        return console.log('complete: ' + complete);
+	      }
+	    }
+	  }, {
+	    key: 'placeHolderEnabled',
+	    value: function placeHolderEnabled() {
+	      return this.state.enabled || this.props.block.getText();
+	    }
+	  }, {
+	    key: 'placeholderText',
+	    value: function placeholderText() {
+	      if (this.placeHolderEnabled()) {
+	        return "";
+	      }
+	      return "Write caption for image (optional)";
+	    }
+	  }, {
+	    key: 'handleFocus',
+	    value: function handleFocus(e) {
+	      var _this4 = this;
+
+	      // console.log "focus on placeholder"
+	      return setTimeout(function () {
+	        return _this4.setState({
+	          enabled: true });
+	      }, 0);
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+
+	      return _react2['default'].createElement(
+	        'div',
+	        { ref: 'image_tag2', suppressContentEditableWarning: true },
+	        _react2['default'].createElement(
+	          'div',
+	          { className: 'aspectRatioPlaceholder is-locked',
+	            style: this.coords(),
+	            onClick: this.handleGrafFigureSelectImg },
+	          _react2['default'].createElement('div', { style: { paddingBottom: this.state.aspect_ratio.ratio + '%' },
+	            className: 'aspect-ratio-fill' }),
+	          _react2['default'].createElement('img', { src: this.state.url,
+	            ref: 'image_tag',
+	            height: this.state.aspect_ratio.height,
+	            width: this.state.aspect_ratio.width,
+	            className: 'graf-image' }),
+	          _react2['default'].createElement(Loader, { toggle: this.state.loading,
+	            progress: this.state.loading_progress })
+	        ),
+	        _react2['default'].createElement(
+	          'figcaption',
+	          { className: 'imageCaption', onMouseDown: this.handleFocus },
+	          !this.state.enabled ? _react2['default'].createElement(
+	            'span',
+	            { className: 'danteDefaultPlaceholder' },
+	            this.placeholderText()
+	          ) : undefined,
+	          _react2['default'].createElement(_draftJs.EditorBlock, (0, _assign2['default'])({}, this.props, {
+	            "editable": true, "className": "imageCaption" }))
+	        )
+	      );
+	    }
+	  }]);
+	  return ImageBlock;
+	}(_react2['default'].Component);
+
+	exports['default'] = ImageBlock;
+
+	var Loader = function (_React$Component2) {
+	  (0, _inherits3['default'])(Loader, _React$Component2);
+
+	  function Loader() {
+	    (0, _classCallCheck3['default'])(this, Loader);
+	    return (0, _possibleConstructorReturn3['default'])(this, (Loader.__proto__ || (0, _getPrototypeOf2['default'])(Loader)).apply(this, arguments));
+	  }
+
+	  (0, _createClass3['default'])(Loader, [{
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'div',
+	        null,
+	        this.props.toggle ? _react2['default'].createElement(
+	          'div',
+	          { className: 'image-upoader-loader' },
+	          _react2['default'].createElement(
+	            'p',
+	            null,
+	            this.props.progress === 100 ? "processing image..." : _react2['default'].createElement(
+	              'span',
+	              null,
+	              _react2['default'].createElement(
+	                'span',
+	                null,
+	                'loading'
+	              ),
+	              ' ',
+	              Math.round(this.props.progress)
+	            )
+	          )
+	        ) : undefined
+	      );
+	    }
+	  }]);
+	  return Loader;
+		}(_react2['default'].Component);
+
+/***/ },
+
+/***/ 469:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _axios = __webpack_require__(433);
+
+	var _axios2 = _interopRequireDefault(_axios);
+
+	var _index = __webpack_require__(426);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var EmbedBlock = function (_React$Component) {
+	  (0, _inherits3['default'])(EmbedBlock, _React$Component);
+
+	  function EmbedBlock(props) {
+	    (0, _classCallCheck3['default'])(this, EmbedBlock);
+
+	    //api_key = "86c28a410a104c8bb58848733c82f840"
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (EmbedBlock.__proto__ || (0, _getPrototypeOf2['default'])(EmbedBlock)).call(this, props));
+
+	    _this.updateData = _this.updateData.bind(_this);
+	    _this.dataForUpdate = _this.dataForUpdate.bind(_this);
+	    _this.componentDidMount = _this.componentDidMount.bind(_this);
+	    _this.state = {
+	      embed_data: _this.defaultData(),
+	      error: ""
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(EmbedBlock, [{
+	    key: 'defaultData',
+	    value: function defaultData() {
+	      var existing_data = this.props.block.getData().toJS();
+	      return existing_data.embed_data || {};
+	    }
+
+	    // will update block state
+
+	  }, {
+	    key: 'updateData',
+	    value: function updateData() {
+	      var _props = this.props,
+	          block = _props.block,
+	          blockProps = _props.blockProps;
+	      var _props$blockProps = this.props.blockProps,
+	          getEditorState = _props$blockProps.getEditorState,
+	          setEditorState = _props$blockProps.setEditorState;
+
+	      var data = block.getData();
+	      var newData = data.merge(this.state);
+	      return setEditorState((0, _index.updateDataOfBlock)(getEditorState(), block, newData));
+	    }
+	  }, {
+	    key: 'dataForUpdate',
+	    value: function dataForUpdate() {
+
+	      return this.props.blockProps.data.toJS();
+	    }
+	  }, {
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      var _this2 = this;
+
+	      if (!this.props.blockProps.data) {
+	        return;
+	      }
+
+	      // ensure data isnt already loaded
+	      // unless @dataForUpdate().endpoint or @dataForUpdate().provisory_text
+
+	      if (!this.dataForUpdate().endpoint && !this.dataForUpdate().provisory_text) {
+	        //debugger
+	        return;
+	      }
+
+	      return (0, _axios2['default'])({
+	        method: 'get',
+	        url: '' + this.dataForUpdate().endpoint + this.dataForUpdate().provisory_text + '&scheme=https'
+	      }).then(function (result) {
+
+	        return _this2.setState({ embed_data: result.data } //JSON.parse(data.responseText)
+	        , _this2.updateData);
+	      })['catch'](function (error) {
+
+	        _this2.setState({
+	          error: error.response.data.error_message });
+	        return console.log("TODO: error");
+	      });
+	    }
+	  }, {
+	    key: 'classForImage',
+	    value: function classForImage() {
+	      if (this.state.embed_data.images) {
+	        return "";
+	      } else {
+	        return "mixtapeImage--empty u-ignoreBlock";
+	      }
+	    }
+	    //if @state.embed_data.thumbnail_url then "" else "mixtapeImage--empty u-ignoreBlock"
+
+	  }, {
+	    key: 'picture',
+	    value: function picture() {
+	      if (this.state.embed_data.images && this.state.embed_data.images.length > 0) {
+	        return this.state.embed_data.images[0].url;
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      //block = @.props
+	      //foo = @.props.blockProps
+	      //data = Entity.get(block.block.getEntityAt(0)).getData()
+	      console.log("ERROR", this.state.error);
+	      return _react2['default'].createElement(
+	        'span',
+	        null,
+	        this.picture() ? _react2['default'].createElement('a', {
+	          target: '_blank',
+	          className: 'js-mixtapeImage mixtapeImage ' + this.classForImage(),
+	          href: this.state.embed_data.url,
+	          style: { backgroundImage: 'url(\'' + this.picture() + '\')' }
+	        }) : undefined,
+	        this.state.error ? _react2['default'].createElement(
+	          'h2',
+	          null,
+	          this.state.error
+	        ) : undefined,
+	        _react2['default'].createElement(
+	          'a',
+	          {
+	            className: 'markup--anchor markup--mixtapeEmbed-anchor',
+	            target: '_blank',
+	            href: this.state.embed_data.url
+	          },
+	          _react2['default'].createElement(
+	            'strong',
+	            { className: 'markup--strong markup--mixtapeEmbed-strong' },
+	            this.state.embed_data.title
+	          ),
+	          _react2['default'].createElement(
+	            'em',
+	            { className: 'markup--em markup--mixtapeEmbed-em' },
+	            this.state.embed_data.description
+	          )
+	        ),
+	        this.state.embed_data.provider_url
+	      );
+	    }
+	  }]);
+	  return EmbedBlock;
+	}(_react2['default'].Component);
+
+		exports['default'] = EmbedBlock;
+
+/***/ },
+
+/***/ 470:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _assign = __webpack_require__(465);
+
+	var _assign2 = _interopRequireDefault(_assign);
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	var _index = __webpack_require__(426);
+
+	var _axios = __webpack_require__(433);
+
+	var _axios2 = _interopRequireDefault(_axios);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var VideoBlock = function (_React$Component) {
+	  (0, _inherits3['default'])(VideoBlock, _React$Component);
+
+	  function VideoBlock(props) {
+	    (0, _classCallCheck3['default'])(this, VideoBlock);
+
+	    //api_key = "86c28a410a104c8bb58848733c82f840"
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (VideoBlock.__proto__ || (0, _getPrototypeOf2['default'])(VideoBlock)).call(this, props));
+
+	    _this.updateData = _this.updateData.bind(_this);
+	    _this.dataForUpdate = _this.dataForUpdate.bind(_this);
+	    _this.state = { embed_data: _this.defaultData() };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(VideoBlock, [{
+	    key: 'defaultData',
+	    value: function defaultData() {
+	      var existing_data = this.props.block.getData().toJS();
+	      return existing_data.embed_data || {};
+	    }
+
+	    // will update block state
+
+	  }, {
+	    key: 'updateData',
+	    value: function updateData() {
+	      var _props = this.props,
+	          block = _props.block,
+	          blockProps = _props.blockProps;
+	      var _props$blockProps = this.props.blockProps,
+	          getEditorState = _props$blockProps.getEditorState,
+	          setEditorState = _props$blockProps.setEditorState;
+
+	      var data = block.getData();
+	      var newData = data.merge(this.state);
+	      return setEditorState((0, _index.updateDataOfBlock)(getEditorState(), block, newData));
+	    }
+	  }, {
+	    key: 'dataForUpdate',
+	    value: function dataForUpdate() {
+	      return this.props.blockProps.data.toJS();
+	    }
+	  }, {
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      var _this2 = this;
+
+	      if (!this.props.blockProps.data) {
+	        return;
+	      }
+	      // ensure data isnt already loaded
+	      if (!this.dataForUpdate().endpoint && !this.dataForUpdate().provisory_text) {
+	        return;
+	      }
+
+	      return (0, _axios2['default'])({
+	        method: 'get',
+	        url: '' + this.dataForUpdate().endpoint + this.dataForUpdate().provisory_text + '&scheme=https'
+	      }).then(function (result) {
+	        return _this2.setState({ embed_data: result.data } //JSON.parse(data.responseText)
+	        , _this2.updateData);
+	      })['catch'](function (error) {
+	        return console.log("TODO: error");
+	      });
+	    }
+	  }, {
+	    key: 'classForImage',
+	    value: function classForImage() {
+	      if (this.state.embed_data.thumbnail_url) {
+	        return "";
+	      } else {
+	        return "mixtapeImage--empty u-ignoreBlock";
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'figure',
+	        { className: 'graf--figure graf--iframe graf--first', tabIndex: '0' },
+	        _react2['default'].createElement('div', { className: 'iframeContainer',
+	          dangerouslySetInnerHTML: { __html: this.state.embed_data.html } }),
+	        _react2['default'].createElement(
+	          'figcaption',
+	          { className: 'imageCaption' },
+	          _react2['default'].createElement(_draftJs.EditorBlock, (0, _assign2['default'])({}, this.props, { "className": "imageCaption" }))
+	        )
+	      );
+	    }
+	  }]);
+	  return VideoBlock;
+	}(_react2['default'].Component);
+
+		exports['default'] = VideoBlock;
+
+/***/ },
+
+/***/ 471:
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _assign = __webpack_require__(465);
+
+	var _assign2 = _interopRequireDefault(_assign);
+
+	var _getPrototypeOf = __webpack_require__(208);
+
+	var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+	var _classCallCheck2 = __webpack_require__(23);
+
+	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+	var _createClass2 = __webpack_require__(24);
+
+	var _createClass3 = _interopRequireDefault(_createClass2);
+
+	var _possibleConstructorReturn2 = __webpack_require__(219);
+
+	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+	var _inherits2 = __webpack_require__(266);
+
+	var _inherits3 = _interopRequireDefault(_inherits2);
+
+	var _react = __webpack_require__(43);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactDom = __webpack_require__(72);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
+	var _draftJs = __webpack_require__(274);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	var PlaceholderBlock = function (_React$Component) {
+	  (0, _inherits3['default'])(PlaceholderBlock, _React$Component);
+
+	  function PlaceholderBlock(props) {
+	    (0, _classCallCheck3['default'])(this, PlaceholderBlock);
+
+	    var _this = (0, _possibleConstructorReturn3['default'])(this, (PlaceholderBlock.__proto__ || (0, _getPrototypeOf2['default'])(PlaceholderBlock)).call(this, props));
+
+	    _this.placeholderText = _this.placeholderText.bind(_this);
+	    _this.placeholderFromProps = _this.placeholderFromProps.bind(_this);
+	    _this.defaultText = _this.defaultText.bind(_this);
+	    _this.handleFocus = _this.handleFocus.bind(_this);
+	    _this.classForDefault = _this.classForDefault.bind(_this);
+	    _this.state = {
+	      enabled: false,
+	      data: _this.props.blockProps.data.toJS()
+	    };
+	    return _this;
+	  }
+
+	  (0, _createClass3['default'])(PlaceholderBlock, [{
+	    key: 'placeholderText',
+	    value: function placeholderText() {
+	      if (this.state.enabled) {
+	        return "";
+	      }
+	      return this.props.blockProps.data.toJS().placeholder || this.placeholderFromProps() || this.defaultText();
+	    }
+	    //if @.props.blockProps.data then @.props.blockProps.data.placeholder else @defaultText()
+
+
+	  }, {
+	    key: 'placeholderFromProps',
+	    value: function placeholderFromProps() {
+	      return this.props.block.toJS().placeholder;
+	    }
+	  }, {
+	    key: 'defaultText',
+	    value: function defaultText() {
+	      return "write something ";
+	    }
+	  }, {
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {}
+	  }, {
+	    key: 'handleFocus',
+	    value: function handleFocus(e) {
+	      var _this2 = this;
+
+	      // console.log "focus on placeholder"
+	      return setTimeout(function () {
+	        return _this2.setState({
+	          enabled: true });
+	      }, 0);
+	    }
+	  }, {
+	    key: 'classForDefault',
+	    value: function classForDefault() {
+	      if (!this.state.enabled) {
+	        return "defaultValue defaultValue--root";
+	      } else {
+	        return "";
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement(
+	        'span',
+	        { className: this.classForDefault(), onMouseDown: this.handleFocus },
+	        this.placeholderText(),
+	        _react2['default'].createElement(_draftJs.EditorBlock, (0, _assign2['default'])({}, this.props, {
+	          "className": "imageCaption",
+	          "placeholder": "escrive alalal"
+	        }))
+	      );
+	    }
+	  }]);
+	  return PlaceholderBlock;
+	}(_react2['default'].Component);
+
+		exports['default'] = PlaceholderBlock;
+
+/***/ }
+
+});
 //# sourceMappingURL=dante.js.map