richlagetest - npm Package Compare versions

Comparing version 0.0.0-00f8dddc44fd82f2d21396aebcac5d11f74a298c to 0.0.0-1c3a1503548c1b834eb069a652d8d16a95bb5690

dist/module.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),React=require("react"),lodash=require("lodash");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),React__default=_interopDefaultLegacy(React),styles_toolbar="_2M9cT",styles_button="_1lTtq",getSelectionRects=function(selection){var range=selection.getRangeAt(0),innerRects=function(range){for(var _iterator=document.createNodeIterator(range.commonAncestorContainer,NodeFilter.SHOW_ALL),innerSelectionNodes=[];_iterator.nextNode()&&_iterator.referenceNode!==range.startContainer;);for(;_iterator.nextNode()&&_iterator.referenceNode!==range.endContainer;)_iterator.referenceNode.nodeType===Node.TEXT_NODE&&innerSelectionNodes.push(_iterator.referenceNode);return innerSelectionNodes}(range).map((function(n){var r=document.createRange();return r.selectNodeContents(n),r.getBoundingClientRect()})),clientRects=range.getClientRects();return[clientRects[0]].concat(innerRects,[clientRects[clientRects.length-1]])};function addTextSelectionListener(container,callback){var handleSelection=function(){var selectedText,position,selection=document.getSelection(),selectionAnchor=null==selection?void 0:selection.anchorNode,selectionFocus=null==selection?void 0:selection.focusNode;selection&&selection.rangeCount>0&&!selection.isCollapsed&&container.contains(selectionAnchor)&&container.contains(selectionFocus)&&(selectedText=function(selection){return selection.toString().replace(/(\r\n|\r|\n){2,}/g," ")}(selection),position=function(selection){var rects=getSelectionRects(selection),left=999999,right=0;rects.forEach((function(rect){left=Math.min(left,rect.left),right=Math.max(right,rect.right)}));var y=rects[0].top+window.scrollY;return{x:(left+right)/2+window.scrollX,y:y}}(selection)),callback(selectedText,position)};return document.addEventListener("selectionchange",handleSelection),function(){return document.removeEventListener("selectionchange",handleSelection)}}var TextSelectionToolbar=function(_React$Component){function TextSelectionToolbar(props){var _this;return(_this=_React$Component.call(this,props)||this).addTextSelectionListener=function(container){container&&!_this.removeTextSelectionListener&&(_this.removeTextSelectionListener=addTextSelectionListener(container,_this.setSelectedText))},_this.setSelectedText=lodash.debounce((function(selectedText,selectedTextPosition){return _this.setState({selectedText:selectedText,selectedTextPosition:selectedTextPosition})}),50),_this.state={selectedText:""},_this}_inheritsLoose__default.default(TextSelectionToolbar,_React$Component);var _proto=TextSelectionToolbar.prototype;return _proto.componentDidMount=function(){this.addTextSelectionListener(this.props.container)},_proto.componentWillUnmount=function(){this.removeTextSelectionListener()},_proto.componentWillReceiveProps=function(nextPros){this.addTextSelectionListener(nextPros.container)},_proto.render=function(){var _this$state=this.state,selectedText=_this$state.selectedText,selectedTextPosition=_this$state.selectedTextPosition,_this$props=this.props,container=_this$props.container,children=_this$props.children;if(!selectedText||!selectedTextPosition)return null;var left=container.getBoundingClientRect().left,containerOffset=this.props.container.getBoundingClientRect().top,style={top:selectedTextPosition.y-containerOffset-5-window.scrollY,left:selectedTextPosition.x-left};return React__default.default.createElement("div",{className:styles_toolbar,style:style},children(selectedText))},TextSelectionToolbar}(React__default.default.Component),twitter=function(props){return React__default.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},props),React__default.default.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.653 4.268c.854-.52 1.493-1.336 1.8-2.297-.804.483-1.683.825-2.6 1.01-1.153-1.245-2.939-1.65-4.506-1.023-1.566.627-2.597 2.16-2.6 3.867.001.318.037.636.106.946-3.298-.168-6.37-1.748-8.453-4.346-.37.633-.563 1.355-.56 2.09-.117 1.34.452 2.647 1.507 3.463C1.608 7.87.88 7.696.173 7.458v.052c.142 2.038 1.63 3.717 3.614 4.077-.298.098-.608.147-.92.146-.233.001-.466-.024-.694-.074.55 1.699 2.103 2.858 3.867 2.888-1.446 1.158-3.237 1.786-5.08 1.78-.32 0-.641-.02-.96-.058 3.593 2.332 8.156 2.492 11.9.417 3.744-2.076 6.073-6.056 6.073-10.381 0-.18-.013-.36-.013-.54.801-.588 1.492-1.316 2.04-2.15-.745.336-1.536.556-2.347.653z"}))};exports.TextSelectionToolbar=TextSelectionToolbar,exports.TwitterButton=function(_ref){var selectedText=_ref.selectedText,onClick=_ref.onClick,handleOnClick=function(selectedText){null==onClick||onClick(selectedText),function(selectedText){var text="“"+selectedText+"“—",url=window.location.href;text.length+url.length>279&&(text=function(text,maxTextLength){var content=text.substring(0,maxTextLength-2);return(content=content.slice(0,content.lastIndexOf(" ")))+"…“—"}(text,279-url.length));var TWEET_ON_TWITTER_URL="https://twitter.com/intent/tweet?text="+encodeURI(text)+"&url="+encodeURI(url);window.open(TWEET_ON_TWITTER_URL)}(selectedText)};return React__default.default.createElement("button",{"data-hook":"twitter-button",className:styles_button,onClick:function(){return handleOnClick(selectedText)}},React__default.default.createElement(twitter,null))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _objectWithoutPropertiesLoose=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),_extends=require("@babel/runtime/helpers/extends"),lodash=require("lodash"),wixRichContentPluginCommons=require("wix-rich-content-plugin-commons"),wixRichContentEditorCommon=require("wix-rich-content-editor-common"),_inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),React=require("react"),classNames=require("classnames"),wixRichContentCommon=require("wix-rich-content-common"),imageUtils=require("wix-rich-content-common/libs/imageUtils"),wixRichContentUiComponents=require("wix-rich-content-ui-components"),_asyncToGenerator=require("@babel/runtime/helpers/asyncToGenerator"),_regeneratorRuntime=require("@babel/runtime/regenerator"),_assertThisInitialized=require("@babel/runtime/helpers/assertThisInitialized"),pluginImageSchema=require("wix-rich-content-common/dist/statics/schemas/plugin-image.schema.json"),toDraftData=require("ricos-content/libs/toDraftData"),ricosContent=require("ricos-content");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _objectWithoutPropertiesLoose__default=_interopDefaultLegacy(_objectWithoutPropertiesLoose),_extends__default=_interopDefaultLegacy(_extends),_inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),_asyncToGenerator__default=_interopDefaultLegacy(_asyncToGenerator),_regeneratorRuntime__default=_interopDefaultLegacy(_regeneratorRuntime),_assertThisInitialized__default=_interopDefaultLegacy(_assertThisInitialized),pluginImageSchema__default=_interopDefaultLegacy(pluginImageSchema),styles$2={imageSettings:"-PCJd",imageSettingsTitle:"_3qXJb",imageSettingsImageSection:"_3vNQG",imageSettingsImage:"_1Y0jo",imageSettingsSection:"_2APzQ",imageSettingsLabel:"_22ic1",imageSettings_scrollContainer:"hMCLW",imageSettings_inputsWrapper:"_1W0yQ",imageSettings_mobile:"_41Y3W",imageSettings_footer:"j6-Tp",imageSettings_hidden:"_2tqWq"},DEFAULTS=Object.freeze({config:{alignment:"center",size:"content",showTitle:!0,showDescription:!0}}),_excluded$1=["isExpandEnabled","isDownloadEnabled"],ImageSettings=function(_Component){function ImageSettings(props){var _this;(_this=_Component.call(this,props)||this).toggleState=function(key,onToggle){return function(){var _this$setState,value=!_this.state[key];_this.setState(((_this$setState={})[key]=value,_this$setState),null==onToggle?void 0:onToggle(value))}},_this.renderToggle=function(_ref){var toggleKey=_ref.toggleKey,labelKey=_ref.labelKey,dataHook=_ref.dataHook,tooltipText=_ref.tooltipText,onToggle=_ref.onToggle;return"divider"===_ref.type?React__default.default.createElement(wixRichContentUiComponents.SettingsSeparator,{top:!0}):React__default.default.createElement("div",{key:toggleKey,className:_this.styles.imageSettings_toggleContainer},React__default.default.createElement(wixRichContentUiComponents.LabeledToggle,{theme:_this.props.theme,checked:_this.state[toggleKey],label:_this.props.t(labelKey),onChange:_this.toggleState(toggleKey,onToggle),dataHook:dataHook,tooltipText:tooltipText}))},_this.baseToggleData=[{toggleKey:"isExpandEnabled",labelKey:"ImagePlugin_Settings_ImageOpensInExpandMode_Label",dataHook:"imageExpandToggle",tooltipText:_this.props.t("ImageSettings_Expand_Mode_Toggle")},{toggleKey:"isDownloadEnabled",labelKey:"ImagePlugin_Settings_ImageCanBeDownloaded_Label",dataHook:"imageDownloadToggle",tooltipText:_this.props.t("ImagePlugin_Settings_ImageCanBeDownloaded_Tooltip")}],_this.toggleData=_this.props.shouldShowSpoiler?[].concat(_this.baseToggleData,[{type:"divider"},{toggleKey:"isSpoilerEnabled",labelKey:"ImageSettings_Spoiler_Toggle",dataHook:"imageSpoilerToggle",tooltipText:_this.props.t("Spoiler_Toggle_Tooltip"),onToggle:function(value){_this.props.pubsub.update("componentData",_extends__default.default({},_this.props.componentData,_this.getSpoilerConfig(value)))}}]):_this.baseToggleData,_this.onComponentUpdate=function(){var componentData=_this.props.pubsub.get("componentData");_this.setState({src:componentData.src,error:null==componentData?void 0:componentData.error})},_this.revertComponentData=function(){var _this$props=_this.props,componentData=_this$props.componentData,helpers=_this$props.helpers,pubsub=_this$props.pubsub;if(_this.initialState){var _this$initialState=_this.initialState,isExpandEnabled=_this$initialState.isExpandEnabled,isDownloadEnabled=_this$initialState.isDownloadEnabled,rest=_objectWithoutPropertiesLoose__default.default(_this$initialState,_excluded$1),initialComponentData=_extends__default.default({},componentData,rest,{disableExpand:!isExpandEnabled,disableDownload:!isDownloadEnabled});pubsub.update("componentData",initialComponentData),_this.setState(_extends__default.default({},_this.initialState))}helpers.closeModal()},_this.metadataUpdated=function(metadata,value){_this.setState({metadata:_extends__default.default({},metadata,value)})},_this.onDoneClick=function(){var _this$props2=_this.props,helpers=_this$props2.helpers,componentData=_this$props2.componentData,pubsub=_this$props2.pubsub,newComponentData=_extends__default.default({},componentData,_this.getSpoilerConfig(_this.state.isSpoilerEnabled),{disableDownload:!_this.state.isDownloadEnabled,disableExpand:!_this.state.isExpandEnabled});_this.state.metadata&&(newComponentData.metadata=_this.state.metadata),pubsub.update("componentData",newComponentData),helpers.closeModal()},_this.getSpoilerConfig=function(enabled){return{config:_extends__default.default({},_this.props.componentData.config,{spoiler:{enabled:enabled}})}},_this.setBlockLink=function(item){return _this.props.pubsub.setBlockData({key:"componentLink",item:item})},_this.state=_this.propsToState(props),_this.initialState=_extends__default.default({},_this.state);var t=props.t,theme=props.theme;return _this.styles=wixRichContentCommon.mergeStyles({styles:styles$2,theme:theme}),_this.updateLabel=t("ImageSettings_Update"),_this.headerText=t("ImageSettings_Header"),_this.captionLabel=t("ImageSettings_Caption_Label"),_this.captionInputPlaceholder=t("ImageSettings_Caption_Input_Placeholder"),_this.altLabel=t("ImageSettings_Alt_Label"),_this.altTooltip="ImageSettings_Alt_Label_Tooltip",_this.altInputPlaceholder=t("ImageSettings_Alt_Input_Placeholder"),_this}_inheritsLoose__default.default(ImageSettings,_Component);var _proto=ImageSettings.prototype;return _proto.propsToState=function(props){var componentData=props.componentData,src=componentData.src,metadata=componentData.metadata,error=componentData.error,disableExpand=componentData.disableExpand,disableDownload=componentData.disableDownload,_componentData$config=componentData.config.spoiler;return{src:src,metadata:metadata,error:error,isExpandEnabled:!disableExpand,isDownloadEnabled:!disableDownload,isSpoilerEnabled:(void 0===_componentData$config?{}:_componentData$config).enabled}},_proto.componentDidMount=function(){this.props.pubsub.subscribe("componentData",this.onComponentUpdate)},_proto.componentWillUnmount=function(){this.props.pubsub.unsubscribe("componentData",this.onComponentUpdate)},_proto.render=function(){var _classNames,_this2=this,_this$props3=this.props,helpers=_this$props3.helpers,theme=_this$props3.theme,t=_this$props3.t,isMobile=_this$props3.isMobile,languageDir=_this$props3.languageDir,_this$state=this.state,src=_this$state.src,error=_this$state.error,_this$state$metadata=_this$state.metadata,metadata=void 0===_this$state$metadata?{}:_this$state$metadata;return React__default.default.createElement("div",{className:this.styles.imageSettings,"data-hook":"settings",dir:languageDir},isMobile?React__default.default.createElement(wixRichContentUiComponents.SettingsMobileHeader,{theme:theme,onCancel:this.revertComponentData,onSave:this.onDoneClick,t:t}):React__default.default.createElement("h3",{className:this.styles.imageSettingsTitle},this.headerText),React__default.default.createElement("div",{className:classNames__default.default(styles$2.imageSettings_scrollContainer,(_classNames={},_classNames[styles$2.imageSettings_mobile]=isMobile,_classNames))},React__default.default.createElement(wixRichContentUiComponents.SettingsSection,{theme:theme,className:this.styles.imageSettingsImageSection,ariaProps:{"aria-label":"image preview",role:"region","data-hook":"imagePreview"}},src?React__default.default.createElement(wixRichContentUiComponents.Image,{alt:metadata.alt||"image preview",resizeMode:"contain",className:this.styles.imageSettingsImage,src:imageUtils.getImageSrc(src,null==helpers?void 0:helpers.getImageUrl,{requiredWidth:1e3,requiredHeight:250,requiredQuality:80}),theme:theme,error:error,t:t}):React__default.default.createElement("div",{className:this.styles.imageSettingsImage},React__default.default.createElement(wixRichContentUiComponents.Loader,{type:"medium"}))),React__default.default.createElement("div",{className:this.styles.imageSettings_inputsWrapper},React__default.default.createElement(wixRichContentUiComponents.SettingsSection,{theme:theme,className:this.styles.imageSettingsSection,ariaProps:{"aria-label":"image caption",role:"region"}},React__default.default.createElement(wixRichContentUiComponents.InputWithLabel,{theme:theme,id:"imageSettingsCaptionInput",label:this.captionLabel,placeholder:this.captionInputPlaceholder,value:metadata.caption||"",onChange:function(caption){return _this2.metadataUpdated(metadata,{caption:caption})},dataHook:"imageSettingsCaptionInput"})),React__default.default.createElement(wixRichContentUiComponents.SettingsSection,{theme:theme,className:this.styles.imageSettingsSection,ariaProps:{"aria-label":"image alt text",role:"region"}},React__default.default.createElement(wixRichContentUiComponents.InputWithLabel,{theme:theme,id:"imageSettingsAltInput",label:this.altLabel,placeholder:this.altInputPlaceholder,t:t,value:metadata.alt||"",onChange:function(alt){return _this2.metadataUpdated(metadata,{alt:alt})},dataHook:"imageSettingsAltInput",tooltipTextKey:this.altTooltip,isMobile:isMobile})),React__default.default.createElement(wixRichContentUiComponents.SettingsSection,{theme:theme,ariaProps:{"aria-label":"link redirect explanation",role:"region"}},React__default.default.createElement("div",{className:this.styles.imageSettingsLabel},this.toggleData.map((function(toggle){return _this2.renderToggle(toggle)})))))),!isMobile&&React__default.default.createElement(wixRichContentUiComponents.SettingsPanelFooter,{fixed:!0,theme:theme,cancel:this.revertComponentData,save:this.onDoneClick,t:t}))},ImageSettings}(React.Component);var mediaImageStudioPackageLoader;function getImageStudioPackage(){var src;return mediaImageStudioPackageLoader||(window.requirejs&&!window.requirejsBackup&&(window.requirejsBackup={define:window.define,require:window.require,requirejs:window.requirejs},window.define=void 0,window.require=void 0,window.requirejs=void 0),src="https://static.parastorage.com/unpkg/@wix/media-image-studio-opener@3.27.0/dist/statics/MediaImageStudio.bundle.min.js",mediaImageStudioPackageLoader=new Promise((function(resolve){var script=document.createElement("script");script.src=src,script.onload=resolve,document.head.appendChild(script)}))),mediaImageStudioPackageLoader.then((function(){return window.requirejsBackup&&(Object.assign(window,window.requirejsBackup),window.requirejsBackup=void 0),window.MediaImageStudio}))}function _setupImageEditor(){return(_setupImageEditor=_asyncToGenerator__default.default(_regeneratorRuntime__default.default.mark((function _callee(imageEditorWixSettings,rootElementId,fileName,onSave,onClose){var _yield$getImageStudio,MediaImageStudio,MediaImageStudioEvents,MediaImageStudioMode,mediaImageStudio,imageDataSubscription;return _regeneratorRuntime__default.default.wrap((function(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,getImageStudioPackage();case 2:return _yield$getImageStudio=_context.sent,MediaImageStudio=_yield$getImageStudio.MediaImageStudio,MediaImageStudioEvents=_yield$getImageStudio.MediaImageStudioEvents,MediaImageStudioMode=_yield$getImageStudio.MediaImageStudioMode,_context.t0=MediaImageStudio,_context.t1=_extends__default.default,_context.t2={},_context.next=11,Promise.resolve(imageEditorWixSettings);case 11:_context.t3=_context.sent,_context.t4={appendTo:document.querySelector("[id="+rootElementId+"]")},_context.t5=(0,_context.t1)(_context.t2,_context.t3,_context.t4),mediaImageStudio=new _context.t0(_context.t5),imageDataSubscription=mediaImageStudio.once(MediaImageStudioEvents.ImageData,(function(imageData){var file=blobToFile(imageData,fileName);onSave(file)})),mediaImageStudio.once(MediaImageStudioEvents.Close,(function(){imageDataSubscription.remove(),mediaImageStudio.kill(),onClose()})),mediaImageStudio.show({mode:MediaImageStudioMode.Transform,fileId:fileName});case 18:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function blobToFile(blob,fileName){return blob.lastModifiedDate=new Date,blob.name=fileName,blob}var _ModalsMap,ImageEditor=function(_Component){function ImageEditor(props){var _this;(_this=_Component.call(this,props)||this).state={mediaImageStudio:void 0,mediaImageStudioEvents:void 0};var _this$props=_this.props,src=_this$props.componentData.src,helpers=_this$props.helpers,pubsub=_this$props.pubsub,imageEditorWixSettings=_this$props.imageEditorWixSettings,onImageEditorOpen=_this$props.onImageEditorOpen,onClose=function(){var _helpers$closeModal;null==helpers||null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal||_helpers$closeModal.call(helpers)};return onImageEditorOpen&&onImageEditorOpen(),_this.id="imageEditor",function(_x,_x2,_x3,_x4,_x5){_setupImageEditor.apply(this,arguments)}(imageEditorWixSettings,_this.id,src.file_name,(function(file){null==pubsub||pubsub.getBlockHandler("handleFilesSelected")([file]),onClose()}),onClose),_this}return _inheritsLoose__default.default(ImageEditor,_Component),ImageEditor.prototype.render=function(){return React__default.default.createElement("div",{id:this.id,nofocus:"true"})},ImageEditor}(React.Component),Modals={IMAGE_SETTINGS:"image-settings",IMAGE_EDITOR:"image-editor"},ModalsMap=((_ModalsMap={})[Modals.IMAGE_SETTINGS]=ImageSettings,_ModalsMap[Modals.IMAGE_EDITOR]=ImageEditor,_ModalsMap),InsertPluginIcon=function(props){return React__default.default.createElement("svg",Object.assign({width:19,height:19,viewBox:"0 0 19 19"},props),React__default.default.createElement("g",{fillRule:"evenodd"},React__default.default.createElement("path",{d:"M2 6a1 1 0 0 1 1-1h2.75l.668-1.424A1 1 0 0 1 7.323 3h4.354a1 1 0 0 1 .905.576L13.25 5H16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6zm1 0v8h13V6h-3.5l-1.018-2H7.518L6.5 6H3zm6.5 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm0-1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"})))},MediaReplaceIcon=function(props){return React__default.default.createElement("svg",Object.assign({xmlnsXlink:"http://www.w3.org/1999/xlink",width:19,height:19,viewBox:"0 0 19 19"},props),React__default.default.createElement("defs",null,React__default.default.createElement("path",{id:"replace-path",d:"M3 7.8V3.2c0-.11.09-.2.2-.2h.6c.11 0 .2.09.2.2v2.592A6.607 6.607 0 0 1 9.412 3C13.05 3 16 5.91 16 9.5c0 .168-.006.335-.02.5h-1.016a5.51 5.51 0 0 0 .022-.5c0-3.038-2.495-5.5-5.574-5.5a5.583 5.583 0 0 0-4.967 3H7.8c.11 0 .2.09.2.2v.6a.2.2 0 0 1-.2.2H3.2a.2.2 0 0 1-.2-.2zm13 3.4v4.6a.2.2 0 0 1-.2.2h-.6a.2.2 0 0 1-.2-.2v-2.592A6.607 6.607 0 0 1 9.588 16C5.95 16 3 13.09 3 9.5c0-.168.006-.335.02-.5h1.016a5.496 5.496 0 0 0-.022.5c0 3.038 2.495 5.5 5.574 5.5a5.583 5.583 0 0 0 4.967-3H11.2a.2.2 0 0 1-.2-.2v-.6c0-.11.09-.2.2-.2h4.6c.11 0 .2.09.2.2z"})),React__default.default.createElement("g",{fillRule:"evenodd"},React__default.default.createElement("mask",{id:"replace-mask"},React__default.default.createElement("use",{xlinkHref:"#replace-path"})),React__default.default.createElement("use",{fillRule:"nonzero",xlinkHref:"#replace-path"})))},ImageEditorIcon=function(props){return React__default.default.createElement("svg",Object.assign({viewBox:"2 2 19 19",fill:"currentColor"},props),React__default.default.createElement("path",{d:"M14.092,8 C14.036,7.843 14,7.676 14,7.5 C14,7.324 14.036,7.157 14.092,7 C14.299,6.419 14.849,6 15.5,6 C16.151,6 16.701,6.419 16.908,7 C16.964,7.157 17,7.324 17,7.5 C17,7.676 16.964,7.843 16.908,8 C16.701,8.581 16.151,9 15.5,9 C14.849,9 14.299,8.581 14.092,8 Z M17.949,7 C17.717,5.86 16.707,5 15.5,5 C14.293,5 13.283,5.86 13.051,7 L3,7 L3,8 L13.051,8 C13.283,9.14 14.293,10 15.5,10 C16.707,10 17.717,9.14 17.949,8 L21,8 L21,7 L17.949,7 Z M15.092,18.0009 C15.036,17.8439 15,17.6769 15,17.5009 C15,17.3249 15.036,17.1579 15.092,17.0009 C15.299,16.4199 15.849,16.0009 16.5,16.0009 C17.151,16.0009 17.701,16.4199 17.908,17.0009 C17.964,17.1579 18,17.3249 18,17.5009 C18,17.6769 17.964,17.8439 17.908,18.0009 C17.701,18.5819 17.151,19.0009 16.5,19.0009 C15.849,19.0009 15.299,18.5819 15.092,18.0009 Z M18.949,17.0009 C18.717,15.8609 17.707,15.0009 16.5,15.0009 C15.293,15.0009 14.283,15.8609 14.051,17.0009 L3,17.0009 L3,18.0009 L14.051,18.0009 C14.283,19.1409 15.293,20.0009 16.5,20.0009 C17.707,20.0009 18.717,19.1409 18.949,18.0009 L21,18.0009 L21,17.0009 L18.949,17.0009 Z M6.092,13 C6.036,12.843 6,12.676 6,12.5 C6,12.324 6.036,12.157 6.092,12 C6.299,11.419 6.849,11 7.5,11 C8.151,11 8.701,11.419 8.908,12 C8.964,12.157 9,12.324 9,12.5 C9,12.676 8.964,12.843 8.908,13 C8.701,13.581 8.151,14 7.5,14 C6.849,14 6.299,13.581 6.092,13 Z M9.949,12 C9.717,10.86 8.707,10 7.5,10 C6.293,10 5.283,10.86 5.051,12 L3,12 L3,13 L5.051,13 C5.283,14.14 6.293,15 7.5,15 C8.707,15 9.717,14.14 9.949,13 L21,13 L21,12 L9.949,12 Z"}))},IMAGE_TYPE="wix-draft-plugin-image",createInlineButtons=function(_ref){var t=_ref.t,anchorTarget=_ref.anchorTarget,relValue=_ref.relValue,uiSettings=_ref.uiSettings,isMobile=_ref.isMobile,_ref$settings=_ref.settings,settings=void 0===_ref$settings?{}:_ref$settings,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,icons=lodash.get(settings,"toolbar.icons",{}),modalStyles=wixRichContentEditorCommon.getModalStyles({isMobile:isMobile}),imageEditorStyles=wixRichContentEditorCommon.getModalStyles({customStyles:{content:{maxWidth:"100%",background:"transparent"}}}),imageEditorWixSettings=settings.imageEditorWixSettings,onImageEditorOpen=settings.onImageEditorOpen,imageEditorButton={keyName:"imageEditor",type:wixRichContentPluginCommons.BUTTONS.EXTERNAL_MODAL,icon:icons.imageEditor||ImageEditorIcon,modalName:Modals.IMAGE_EDITOR,modalStyles:imageEditorStyles,t:t,imageEditorWixSettings:imageEditorWixSettings,onImageEditorOpen:onImageEditorOpen,mobile:!1,tooltipTextKey:"ImageEditorButton_Tooltip",mapComponentDataToButtonProps:function(componentData){return{disabled:lodash.isEmpty(componentData.src)||!!componentData.error}}},spoilerInInlineToolbar=experiments.spoilerInInlineToolbar,spoilerButton=settings.spoiler&&null!=spoilerInInlineToolbar&&spoilerInInlineToolbar.enabled?[{keyName:"spoiler",type:wixRichContentPluginCommons.BUTTONS.SPOILER,mobile:!0}]:[];return[{keyName:"sizeOriginal",type:wixRichContentPluginCommons.BUTTONS.SIZE_ORIGINAL,mobile:!1},{keyName:"sizeSmallCenter",type:wixRichContentPluginCommons.BUTTONS.SIZE_SMALL_CENTER,mobile:!1},{keyName:"sizeContent",type:wixRichContentPluginCommons.BUTTONS.SIZE_CONTENT,mobile:!1},{keyName:"sizeFullWidth",type:wixRichContentPluginCommons.BUTTONS.SIZE_FULL_WIDTH,mobile:!1},{keyName:"separator1",type:wixRichContentPluginCommons.BUTTONS.SEPARATOR,mobile:!1},{keyName:"alignLeft",type:wixRichContentPluginCommons.BUTTONS.SIZE_SMALL_LEFT,mobile:!1},{keyName:"alignCenter",type:wixRichContentPluginCommons.BUTTONS.SIZE_CONTENT_CENTER,mobile:!1},{keyName:"alignRight",type:wixRichContentPluginCommons.BUTTONS.SIZE_SMALL_RIGHT,mobile:!1},{keyName:"separator2",type:wixRichContentPluginCommons.BUTTONS.SEPARATOR,mobile:!1}].concat(spoilerButton,imageEditorWixSettings?[imageEditorButton]:[],[{keyName:"settings",type:wixRichContentPluginCommons.BUTTONS.EXTERNAL_MODAL,fullHeight:!0,icon:icons.settings||wixRichContentPluginCommons.PluginSettingsIcon,modalName:Modals.IMAGE_SETTINGS,modalStyles:modalStyles,anchorTarget:anchorTarget,relValue:relValue,t:t,mobile:!0,tooltipTextKey:"SettingsButton_Tooltip",uiSettings:uiSettings,triggerSettingsBi:!0,pluginId:IMAGE_TYPE,shouldShowSpoiler:settings.spoiler},{keyName:"link",type:wixRichContentPluginCommons.BUTTONS.LINK,mobile:!0},{keyName:"replace",type:wixRichContentPluginCommons.BUTTONS.FILES,onFilesSelected:function(pubsub,files){files.length>0&&pubsub.getBlockHandler("handleFilesSelected")(files)},icon:icons.replace||MediaReplaceIcon,mobile:!0,tooltipTextKey:"ReplaceImageButton_Tooltip",t:t},{keyName:"delete",type:wixRichContentPluginCommons.BUTTONS.DELETE,mobile:!0}])},createInsertButtons=function(_ref){var _settings$toolbar,_settings$toolbar$ico,t=_ref.t,settings=_ref.settings,disableDownload=_ref.disableDownload,disableExpand=_ref.disableExpand,icon=(null==settings||null===(_settings$toolbar=settings.toolbar)||void 0===_settings$toolbar||null===(_settings$toolbar$ico=_settings$toolbar.icons)||void 0===_settings$toolbar$ico?void 0:_settings$toolbar$ico.InsertPluginButtonIcon)||InsertPluginIcon,PluginData=void 0!==disableDownload?_extends__default.default({},DEFAULTS,{disableDownload:disableDownload}):DEFAULTS,componentData=void 0!==disableExpand?_extends__default.default({},DEFAULTS,{disableExpand:disableExpand}):PluginData;return[{type:wixRichContentEditorCommon.BUTTON_TYPES.FILE,multi:!0,name:wixRichContentEditorCommon.INSERT_PLUGIN_BUTTONS.IMAGE,tooltip:t("ImagePlugin_InsertButton_Tooltip"),toolbars:[wixRichContentEditorCommon.TOOLBARS.INSERT_PLUGIN,wixRichContentEditorCommon.TOOLBARS.MOBILE,wixRichContentEditorCommon.TOOLBARS.FOOTER,wixRichContentEditorCommon.TOOLBARS.SIDE],getIcon:function(){return icon},componentData:componentData}]},createToolbar=function(_ref){var t=_ref.t,anchorTarget=_ref.anchorTarget,relValue=_ref.relValue,uiSettings=_ref.uiSettings,isMobile=_ref.isMobile,settings=_ref.settings,experiments=_ref.experiments,disableDownload=null==uiSettings?void 0:uiSettings.disableDownload,disableExpand=null==settings?void 0:settings.disableExpand;return{InlineButtons:createInlineButtons({t:t,anchorTarget:anchorTarget,relValue:relValue,uiSettings:uiSettings,isMobile:isMobile,settings:settings,experiments:experiments}),InsertButtons:createInsertButtons({t:t,settings:settings,disableDownload:disableDownload,disableExpand:disableExpand}),name:"image"}},styles$1={fontElementMap:"_1hNZF",imageContainer:"_2kEVY",expandContainer:"-D6i8",expandIcon:"_2Lky3",pointer:"_2Ybje",imageWrapper:"_3WJnn",image:"OzAYt",imageOverlay:"_1b5Ar",imageCaption:"EilAw",imagePreload:"_3ii3f",imageHighres:"_3xs9_",onlyHighRes:"_1I_dK",image_loading:"_3aC9X"},expand=function(props){return React__default.default.createElement("svg",Object.assign({viewBox:"0 0 19 19",xmlns:"http://www.w3.org/2000/svg"},props),React__default.default.createElement("path",{d:"M15.071 8.371V4.585l-4.355 4.356a.2.2 0 0 1-.283 0l-.374-.374a.2.2 0 0 1 0-.283l4.356-4.355h-3.786a.2.2 0 0 1-.2-.2V3.2c0-.11.09-.2.2-.2H16v5.371a.2.2 0 0 1-.2.2h-.529a.2.2 0 0 1-.2-.2zm-6.5 6.9v.529a.2.2 0 0 1-.2.2H3v-5.371c0-.11.09-.2.2-.2h.529c.11 0 .2.09.2.2v3.786l4.355-4.356a.2.2 0 0 1 .283 0l.374.374a.2.2 0 0 1 0 .283L4.585 15.07h3.786c.11 0 .2.09.2.2z",fill:"#000",fillRule:"nonzero"}))},styles_inPluginInput="_1k3YS",InPluginInput=function(_Component){function InPluginInput(){var _this;return(_this=_Component.apply(this,arguments)||this).handleFocus=function(e){e.stopPropagation(),_this.props.setFocusToBlock(),_this.props.setInPluginEditingMode(!0)},_this.handleBlur=function(){return _this.props.setInPluginEditingMode(!1)},_this.handleKeyPress=function(e){var _this$props=_this.props,setFocusToBlock=_this$props.setFocusToBlock,value=_this$props.value;"Enter"===e.key&&setFocusToBlock&&""!==value&&(_this.handleBlur(),setFocusToBlock())},_this.onChange=function(e){var _this$props$onChange,_this$props2;return null===(_this$props$onChange=(_this$props2=_this.props).onChange)||void 0===_this$props$onChange?void 0:_this$props$onChange.call(_this$props2,e.target.value)},_this}return _inheritsLoose__default.default(InPluginInput,_Component),InPluginInput.prototype.render=function(){var className=classNames__default.default(styles_inPluginInput,this.props.className);return React__default.default.createElement("textarea",{className:className,value:this.props.value,onChange:this.onChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyPress:this.handleKeyPress,dir:"auto",rows:1})},InPluginInput}(React.Component);InPluginInput.defaultProps={setInPluginEditingMode:function(){return!1},setFocusToBlock:function(){return!1}};var ImageViewer=function(_React$Component){function ImageViewer(props){var _this;return(_this=_React$Component.call(this,props)||this).forceOnImageLoad=function(){var executionTimes=0,interval=setInterval((function(){var _this$imageRef,_this$imageRef$curren;null!==(_this$imageRef=_this.imageRef)&&void 0!==_this$imageRef&&null!==(_this$imageRef$curren=_this$imageRef.current)&&void 0!==_this$imageRef$curren&&_this$imageRef$curren.complete&&(_this.onImageLoad(_this.imageRef.current),clearInterval(interval)),10==++executionTimes&&clearInterval(interval)}),200)},_this.onImageLoadError=function(){var src=_this.props.componentData.src;src&&src.fallback&&_this.setState({fallbackImageSrc:{preload:src.fallback,highres:src.fallback}})},_this.renderImage=function(imageClassName,imageSrc,alt,props,isGif,onlyHighRes){var _classNames;return _this.getImage(classNames__default.default(imageClassName,_this.styles.imageHighres,((_classNames={})[_this.styles.onlyHighRes]=onlyHighRes,_classNames)),imageSrc.highres,alt,props,{fadeIn:!isGif,width:imageSrc.highresWidth,height:imageSrc.highresHeight})},_this.renderPreloadImage=function(imageClassName,imageSrc,alt,props){return _this.getImage(classNames__default.default(imageClassName,_this.styles.imagePreload),imageSrc.preload,alt,_extends__default.default({"aria-hidden":!0},props))},_this.onImageLoad=function(element){element.style.opacity=1,_this.preloadRef.current&&(_this.preloadRef.current.style.opacity="0")},_this.handleExpand=function(e){var _helpers$onViewerActi;e.preventDefault();var _this$props=_this.props,onExpand=_this$props.settings.onExpand,_this$props$helpers=_this$props.helpers,helpers=void 0===_this$props$helpers?{}:_this$props$helpers;null===(_helpers$onViewerActi=helpers.onViewerAction)||void 0===_helpers$onViewerActi||_helpers$onViewerActi.call(helpers,IMAGE_TYPE,"Click","expand_image"),_this.hasExpand()&&(null==onExpand||onExpand(_this.props.blockKey))},_this.scrollToAnchor=function(e){var _this$props2=_this.props,_this$props2$componen=_this$props2.componentData.config.link,anchor=(_this$props2$componen=void 0===_this$props2$componen?{}:_this$props2$componen).anchor,customAnchorScroll=_this$props2.customAnchorScroll;if(customAnchorScroll)customAnchorScroll(e,anchor);else{var anchorString="viewer-"+anchor,element=document.getElementById(anchorString);wixRichContentCommon.addAnchorTagToUrl(anchorString),wixRichContentCommon.anchorScroll(element,_this.context.experiments)}},_this.hasLink=function(){var _this$props$component,_this$props$component2,_this$props$component3;return null===(_this$props$component=_this.props.componentData)||void 0===_this$props$component||null===(_this$props$component2=_this$props$component.config)||void 0===_this$props$component2||null===(_this$props$component3=_this$props$component2.link)||void 0===_this$props$component3?void 0:_this$props$component3.url},_this.hasAnchor=function(){var _this$props$component4,_this$props$component5,_this$props$component6;return null===(_this$props$component4=_this.props.componentData)||void 0===_this$props$component4||null===(_this$props$component5=_this$props$component4.config)||void 0===_this$props$component5||null===(_this$props$component6=_this$props$component5.link)||void 0===_this$props$component6?void 0:_this$props$component6.anchor},_this.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||_this.props.getInPluginEditingMode||_this.handleClick(e)},_this.handleClick=function(e){if(_this.hasLink())return null;_this.hasAnchor()?(e.preventDefault(),e.stopPropagation(),_this.scrollToAnchor(e)):_this.handleExpand(e)},_this.handleRef=function(e){_this.state.container||_this.setState({container:e})},_this.handleContextMenu=function(e){var _this$props$component7=_this.props.componentData.disableDownload;return void 0!==_this$props$component7&&_this$props$component7&&e.preventDefault()},_this.hasExpand=function(){var _this$props3=_this.props,componentData=_this$props3.componentData,settings=_this$props3.settings,disableExpand=!1;return void 0!==componentData.disableExpand?disableExpand=componentData.disableExpand:void 0!==settings.disableExpand&&(disableExpand=settings.disableExpand),!disableExpand&&settings.onExpand},_this.renderExpandIcon=function(){return React__default.default.createElement("div",{className:_this.styles.expandContainer},React__default.default.createElement(expand,{className:_this.styles.expandIcon,onClick:_this.handleExpand}))},wixRichContentCommon.validate(props.componentData,pluginImageSchema__default.default),_this.state={},_this.preloadRef=React__default.default.createRef(),_this.imageRef=React__default.default.createRef(),_this}_inheritsLoose__default.default(ImageViewer,_React$Component);var _proto=ImageViewer.prototype;return _proto.componentDidMount=function(){this.setState({ssrDone:!0}),/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&this.forceOnImageLoad()},_proto.componentWillReceiveProps=function(nextProps){lodash.isEqual(nextProps.componentData,this.props.componentData)||wixRichContentCommon.validate(nextProps.componentData,pluginImageSchema__default.default)},_proto.calculateHeight=function(width,src){return void 0===width&&(width=1),src&&src.height&&src.width?Math.ceil(src.height/src.width*width):imageUtils.WIX_MEDIA_DEFAULT.SIZE},_proto.getImageDataUrl=function(){return this.props.dataUrl?{preload:this.props.dataUrl,highres:this.props.dataUrl}:null},_proto.getImageUrl=function(src){var _this$context$experim,_this$context$experim2,_this2=this,_ref=this.props||{},helpers=_ref.helpers,seoMode=_ref.seoMode;if(!src&&null!=helpers&&helpers.handleFileSelection)return null;var requiredWidth,requiredHeight,removeUsm=null===(_this$context$experim=this.context.experiments)||void 0===_this$context$experim||null===(_this$context$experim2=_this$context$experim.removeUsmFromImageUrls)||void 0===_this$context$experim2?void 0:_this$context$experim2.enabled,imageUrl={preload:"",highres:""},imageSrcOpts={};if(!this.props.isMobile&&!imageUtils.isPNG(src)){var _this$props$component8=this.props.componentData.config,alignment=(_this$props$component8=void 0===_this$props$component8?{}:_this$props$component8).alignment,width=_this$props$component8.width,usePredefinedWidth=("left"===alignment||"right"===alignment)&&!width;imageSrcOpts=_extends__default.default({removeUsm:removeUsm,imageType:"quailtyPreload"},usePredefinedWidth&&{requiredWidth:300})}if(imageUrl.preload=imageUtils.getImageSrc(src,null==helpers?void 0:helpers.getImageUrl,imageSrcOpts),seoMode)requiredWidth=(null==src?void 0:src.width)&&Math.min(src.width,1e3),requiredHeight=this.calculateHeight(1e3,src);else if(this.state.container){var _getImageDimensions=function(width,isMobile){var requiredHeight,requiredWidth=width||1;return isMobile&&!wixRichContentCommon.isSSR()&&(requiredWidth*=window.devicePixelRatio,requiredWidth*=window.screen.width/document.body.clientWidth),requiredHeight=_this2.calculateHeight(requiredWidth,src),[requiredWidth=Math.ceil(requiredWidth),requiredHeight=Math.ceil(requiredHeight)]}(this.state.container.getBoundingClientRect().width||(null==src?void 0:src.width),this.props.isMobile);requiredWidth=_getImageDimensions[0],requiredHeight=_getImageDimensions[1]}return imageUrl.highres=imageUtils.getImageSrc(src,null==helpers?void 0:helpers.getImageUrl,{removeUsm:removeUsm,requiredWidth:requiredWidth,requiredHeight:requiredHeight,requiredQuality:90,imageType:"highRes"}),!this.state.ssrDone||imageUrl.preload||this.props.isLoading||console.error("image plugin mounted with invalid image source!",src),imageUrl},_proto.getImage=function(imageClassNames,src,alt,props,opts){var _this$context$experim3,_this3=this;void 0===opts&&(opts={});var _opts=opts,_opts$fadeIn=_opts.fadeIn,fadeIn=void 0!==_opts$fadeIn&&_opts$fadeIn,width=_opts.width,height=_opts.height,loading=null!==(_this$context$experim3=this.context.experiments.lazyImagesAndIframes)&&void 0!==_this$context$experim3&&_this$context$experim3.enabled?"lazy":void 0;return React__default.default.createElement("img",Object.assign({},props,{className:imageClassNames,src:src,alt:alt,onError:this.onImageLoadError,onLoad:fadeIn?function(e){return _this3.onImageLoad(e.target)}:void 0,ref:fadeIn?this.imageRef:this.preloadRef,width:width,height:height,loading:loading}))},_proto.renderTitle=function(data,styles){return!!(data.config||{}).showTitle&&React__default.default.createElement("div",{className:classNames__default.default(styles.imageTitle)},data&&data.title||"")},_proto.renderDescription=function(data,styles){return!!(data.config||{}).showDescription&&React__default.default.createElement("div",{className:classNames__default.default(styles.imageDescription)},data&&data.description||"")},_proto.renderCaption=function(caption){var _this$props4=this.props,onCaptionChange=_this$props4.onCaptionChange,setFocusToBlock=_this$props4.setFocusToBlock,setInPluginEditingMode=_this$props4.setInPluginEditingMode,_this$styles=this.styles,imageCaption=_this$styles.imageCaption,link=_this$styles.link,classes=classNames__default.default(imageCaption,this.hasLink()&&link);return onCaptionChange?React__default.default.createElement(InPluginInput,{setInPluginEditingMode:setInPluginEditingMode,className:classes,value:caption,onChange:onCaptionChange,setFocusToBlock:setFocusToBlock}):React__default.default.createElement("span",{dir:"auto",className:classes},caption)},_proto.shouldRenderCaption=function(){var _componentData$metada,_this$props5=this.props,getInPluginEditingMode=_this$props5.getInPluginEditingMode,settings=_this$props5.settings,componentData=_this$props5.componentData,defaultCaption=_this$props5.defaultCaption,caption=null===(_componentData$metada=componentData.metadata)||void 0===_componentData$metada?void 0:_componentData$metada.caption;if(lodash.includes(lodash.get(settings,"toolbar.hidden"),"settings"))return!1;if(void 0===caption||""===caption&&(null==getInPluginEditingMode||!getInPluginEditingMode())||caption===defaultCaption)return!1;var data=componentData||DEFAULTS;return"original"!==data.config.size||!data.src||!data.src.width||data.src.width>=350},_proto.render=function(){var _classNames2,_imageSrc$highres,_imageSrc$highres$end;this.styles=this.styles||wixRichContentCommon.mergeStyles({styles:styles$1,theme:this.props.theme});var _this$props6=this.props,componentData=_this$props6.componentData,className=_this$props6.className,settings=_this$props6.settings,setComponentUrl=_this$props6.setComponentUrl,seoMode=_this$props6.seoMode,_this$state=this.state,fallbackImageSrc=_this$state.fallbackImageSrc,ssrDone=_this$state.ssrDone,data=componentData||DEFAULTS,metadata=componentData.metadata;metadata||(metadata={});var itemClassName=classNames__default.default(this.styles.imageWrapper,className,((_classNames2={})[this.styles.pointer]=this.hasExpand(),_classNames2)),imageClassName=this.styles.image,imageSrc=fallbackImageSrc||this.getImageDataUrl()||this.getImageUrl(data.src),imageProps={};data.src&&settings&&settings.imageProps&&(imageProps=lodash.isFunction(settings.imageProps)?settings.imageProps(data.src):settings.imageProps);var isGif=null==imageSrc||null===(_imageSrc$highres=imageSrc.highres)||void 0===_imageSrc$highres||null===(_imageSrc$highres$end=_imageSrc$highres.endsWith)||void 0===_imageSrc$highres$end?void 0:_imageSrc$highres$end.call(_imageSrc$highres,".gif");null==setComponentUrl||setComponentUrl(null==imageSrc?void 0:imageSrc.highres);var shouldRenderPreloadImage=!seoMode&&imageSrc&&!isGif,shouldRenderImage=imageSrc&&(seoMode||ssrDone)||isGif,accesibilityProps=!this.hasLink()&&{role:"button",tabIndex:0},onlyHiRes=seoMode||isGif;return React__default.default.createElement("div",Object.assign({"data-hook":"imageViewer",className:this.styles.imageContainer,ref:this.handleRef,onContextMenu:this.handleContextMenu,onKeyDown:this.onKeyDown},accesibilityProps),React__default.default.createElement("div",{className:itemClassName,"aria-label":metadata.alt,onClick:this.handleClick,onKeyDown:this.onKeyDown},shouldRenderPreloadImage&&this.renderPreloadImage(imageClassName,imageSrc,metadata.alt,imageProps),shouldRenderImage&&this.renderImage(imageClassName,imageSrc,metadata.alt,imageProps,isGif,onlyHiRes),this.hasExpand()&&this.renderExpandIcon()),this.renderTitle(data,this.styles),this.renderDescription(data,this.styles),this.shouldRenderCaption()&&this.renderCaption(metadata.caption))},ImageViewer}(React__default.default.Component);ImageViewer.contextType=wixRichContentCommon.GlobalContext;var shouldDisableStyles=function(componentData,isMobile){var _ref=componentData.config||{},size=_ref.size,width=_ref.width;return!("inline"===size&&lodash.isNumber(width)&&width<=150)&&isMobile},ImageComponent=function(_React$Component){function ImageComponent(props){var _this;(_this=_React$Component.call(this,props)||this).handleMetadataChange=function(newMetadata){var componentData=_this.props.componentData,metadata=_extends__default.default({},componentData.metadata,newMetadata);_this.props.store.update("componentData",_extends__default.default({},componentData,{metadata:metadata}),_this.props.block.getKey())},_this.handleCaptionChange=function(caption){return _this.handleMetadataChange({caption:caption})};var _this$props=_this.props,block=_this$props.block,store=_this$props.store;if(store){var blockKey=block.getKey();store.setBlockHandler("handleMetadataChange",blockKey,_this.handleMetadataChange.bind(_assertThisInitialized__default.default(_this)))}return _this}return _inheritsLoose__default.default(ImageComponent,_React$Component),ImageComponent.prototype.render=function(){var _this$props$tempData,_this$props2=this.props,settings=_this$props2.settings,componentData=_this$props2.componentData,className=_this$props2.className,blockProps=_this$props2.blockProps,theme=_this$props2.theme,isMobile=_this$props2.isMobile,helpers=_this$props2.helpers,getInPluginEditingMode=_this$props2.getInPluginEditingMode,setInPluginEditingMode=_this$props2.setInPluginEditingMode,setComponentUrl=_this$props2.setComponentUrl,t=_this$props2.t,error=_this$props2.error,isLoading=_this$props2.isLoading;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ImageViewer,{theme:theme,isMobile:isMobile,helpers:helpers,getInPluginEditingMode:getInPluginEditingMode,setInPluginEditingMode:setInPluginEditingMode,componentData:componentData,className:className,isLoading:this.props.isLoading,dataUrl:null===(_this$props$tempData=this.props.tempData)||void 0===_this$props$tempData?void 0:_this$props$tempData.dataUrl,settings:settings,defaultCaption:this.props.t("ImageViewer_Caption"),onCaptionChange:this.handleCaptionChange,setFocusToBlock:blockProps.setFocusToBlock,setComponentUrl:setComponentUrl}),(isLoading||componentData.loading)&&React__default.default.createElement(wixRichContentUiComponents.Loader,{type:"medium"}),error&&React__default.default.createElement(wixRichContentUiComponents.MediaItemErrorMsg,{error:error,t:t}))},ImageComponent}(React__default.default.Component);ImageComponent.alignmentClassName=function(componentData,theme,styles,isMobile){return function(componentData,theme,styles,isMobile){var _ref2=componentData.config||{},alignment=_ref2.alignment,size=_ref2.size;if(!alignment||shouldDisableStyles(componentData,isMobile)&&"original"!==size)return"";var align=alignment;if("original"===size&&"center"!==alignment){var width=(componentData.src||{}).width;lodash.isNumber(width)&&width>350&&(align="center")}return classNames__default.default(styles["align"+lodash.upperFirst(align)],theme["align"+lodash.upperFirst(align)])}(componentData,theme,styles,isMobile)},ImageComponent.sizeClassName=function(componentData,theme,styles,isMobile){return function(componentData,theme,styles,isMobile){var size=(componentData.config||{}).size;return!size||isMobile&&"original"===size?"":shouldDisableStyles(componentData,isMobile)?classNames__default.default(styles.sizeFullWidth,theme.sizeFullWidth):classNames__default.default(styles["size"+lodash.upperFirst(lodash.camelCase(size))],theme["size"+lodash.upperFirst(lodash.camelCase(size))])}(componentData,theme,styles,isMobile)};var _excluded=["width"];function _toPropertyKey(arg){var key=function(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}var createImagePlugin=function(config){var _config$uiSettings,_config$settings,_config$uiSettings2,type=IMAGE_TYPE,defaultPluginData=void 0!==(null==config||null===(_config$uiSettings=config.uiSettings)||void 0===_config$uiSettings?void 0:_config$uiSettings.disableDownload)?_extends__default.default({},DEFAULTS,{disableDownload:config.uiSettings.disableDownload}):DEFAULTS,PluginData=void 0!==(null==config||null===(_config$settings=config.settings)||void 0===_config$settings?void 0:_config$settings.disableExpand)?_extends__default.default({},defaultPluginData,{disableExpand:config.settings.disableExpand}):defaultPluginData,helpers=config.helpers,t=config.t,anchorTarget=config.anchorTarget,relValue=config.relValue,settings=config[type],uiSettings=config.uiSettings,isMobile=config.isMobile,innerModal=config.innerModal,spoilerWrapper=config.spoilerWrapper,experiments=config.experiments,rest=_objectWithoutPropertiesLoose__default.default(config,["helpers","t","anchorTarget","relValue",type,"uiSettings","isMobile","innerModal","spoilerWrapper","experiments"].map(_toPropertyKey));return wixRichContentPluginCommons.createBasePlugin(_extends__default.default({component:wixRichContentPluginCommons.createBaseMediaPlugin(ImageComponent),type:IMAGE_TYPE,legacyType:"IMAGE",pluginDecorationProps:function(props,componentData){var _componentData$config,_componentData$config2,_componentData$src,size=null===(_componentData$config=componentData.config)||void 0===_componentData$config?void 0:_componentData$config.size,width=null===(_componentData$config2=componentData.config)||void 0===_componentData$config2?void 0:_componentData$config2.width,calulatedProps=props;null!==(_componentData$src=componentData.src)&&void 0!==_componentData$src&&_componentData$src.width&&("original"===size||isMobile&&"inline"===size&&lodash.isNumber(width)&&width>150)&&(calulatedProps=_extends__default.default({},props,{width:componentData.src.width,style:_extends__default.default({},componentData.src.style||{},{width:componentData.src.width})}));var resizeableProps=wixRichContentPluginCommons.PLUGIN_DECORATION_PROPS[wixRichContentPluginCommons.PLUGIN_DECORATIONS.RESIZEABLE](calulatedProps);if("inline"===size)return resizeableProps;if("original"===size)return _extends__default.default({},resizeableProps,{style:_extends__default.default({},resizeableProps.style,{maxWidth:"100%"})});var _resizeableProps$styl=resizeableProps.style;_resizeableProps$styl.width;var allButWidth=_objectWithoutPropertiesLoose__default.default(_resizeableProps$styl,_excluded);return _extends__default.default({},resizeableProps,{style:_extends__default.default({},allButWidth)})},componentWillReceiveDecorationProps:function(props,nextProps,onPropsChange){var width=wixRichContentPluginCommons.PLUGIN_DECORATION_PROPS[wixRichContentPluginCommons.PLUGIN_DECORATIONS.RESIZEABLE](props).width,nextWidth=wixRichContentPluginCommons.PLUGIN_DECORATION_PROPS[wixRichContentPluginCommons.PLUGIN_DECORATIONS.RESIZEABLE](nextProps).width;width!==nextWidth&&onPropsChange({size:"inline",width:nextWidth})},toolbar:createToolbar({helpers:helpers,anchorTarget:anchorTarget,relValue:relValue,t:t,uiSettings:uiSettings,isMobile:isMobile,settings:settings,experiments:experiments}),helpers:helpers,innerModal:innerModal,anchorTarget:anchorTarget,relValue:relValue,settings:settings||{},uiSettings:uiSettings,t:t,isMobile:isMobile,disableRightClick:null==config||null===(_config$uiSettings2=config.uiSettings)||void 0===_config$uiSettings2?void 0:_config$uiSettings2.disableRightClick,defaultPluginData:PluginData,spoilerWrapper:(null==settings?void 0:settings.spoiler)&&spoilerWrapper},rest))};createImagePlugin.functionName=IMAGE_TYPE;var createImageData=function(pluginData,isRicosSchema){void 0===pluginData&&(pluginData={}),void 0===isRicosSchema&&(isRicosSchema=!1);var imageData=isRicosSchema?toDraftData.convertNodeDataToDraft("IMAGE",pluginData):pluginData;return lodash.merge({},DEFAULTS,imageData)},imageDataDefaults={containerData:{alignment:"CENTER",width:{size:null,custom:null},spoiler:{enabled:null,description:null,buttonText:null},height:{custom:null},textWrap:null},image:{src:null,width:null,height:null},link:{target:"SELF",url:null,anchor:null,rel:null,customData:null},disableExpand:null,altText:null,caption:null,disableDownload:null},Image=function(_ref){var _node$attrs$image,_node$attrs$image$src,context=_ref.context,componentData=_ref.componentData,updateAttributes=_ref.updateAttributes,node=_ref.node,isMobile=context.isMobile,theme=context.theme,t=context.t,_context$config=context.config,settings=(void 0===_context$config?{}:_context$config)[IMAGE_TYPE]||{},isLoading=node.attrs.loading,error=node.attrs.error,blockKey=node.attrs.id;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ImageViewer,{theme:theme,isMobile:isMobile,helpers:{},componentData:componentData,isLoading:isLoading,dataUrl:isLoading&&(null===(_node$attrs$image=node.attrs.image)||void 0===_node$attrs$image||null===(_node$attrs$image$src=_node$attrs$image.src)||void 0===_node$attrs$image$src?void 0:_node$attrs$image$src.url),settings:settings,defaultCaption:t("ImageViewer_Caption"),onCaptionChange:function(caption){updateAttributes({caption:caption})},setFocusToBlock:function(){return null},setComponentUrl:function(){return null},blockKey:blockKey}),(isLoading||componentData.loading)&&React__default.default.createElement(wixRichContentUiComponents.Loader,{theme:theme,type:"medium"}),error&&React__default.default.createElement(wixRichContentUiComponents.MediaItemErrorMsg,{error:error,t:t}))},name=ricosContent.TIPTAP_IMAGE_TYPE;exports.IMAGE_TYPE=IMAGE_TYPE,exports.IMAGE_TYPE_LEGACY="IMAGE",exports.ImageComponent=ImageComponent,exports.ImageViewer=ImageViewer,exports.Modals=Modals,exports.ModalsMap=ModalsMap,exports.createImagePlugin=createImagePlugin,exports.pluginImage=function(config){var defaultOptions,pluginConfig=_extends__default.default({},DEFAULTS.config,config);return{config:pluginConfig,type:IMAGE_TYPE,createPlugin:createImagePlugin,ModalsMap:ModalsMap,createPluginData:createImageData,tiptapExtensions:(defaultOptions=pluginConfig,[{type:"node",Component:Image,componentDataDefaults:_extends__default.default({},imageDataDefaults,{id:"",loading:{default:!1}}),createExtensionConfig:function(){return{name:name,atom:!1,defaultOptions:defaultOptions,addCommands:function(){return{setImageUrl:function(url){return function(_ref){return _ref.commands.updateAttributes(name,{image:{src:{custom:url}}})}},setImageLoading:function(loading){return function(_ref2){return _ref2.commands.updateAttributes(name,{loading:loading})}}}}}}}])}};
 //# sourceMappingURL=module.cjs.js.map

dist/module.js

@@ -1,2 +0,2 @@
-import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import React from"react";import{debounce}from"lodash";var styles_toolbar="_2M9cT",styles_button="_1lTtq",getSelectionRects=function(selection){var range=selection.getRangeAt(0),innerRects=function(range){for(var _iterator=document.createNodeIterator(range.commonAncestorContainer,NodeFilter.SHOW_ALL),innerSelectionNodes=[];_iterator.nextNode()&&_iterator.referenceNode!==range.startContainer;);for(;_iterator.nextNode()&&_iterator.referenceNode!==range.endContainer;)_iterator.referenceNode.nodeType===Node.TEXT_NODE&&innerSelectionNodes.push(_iterator.referenceNode);return innerSelectionNodes}(range).map((function(n){var r=document.createRange();return r.selectNodeContents(n),r.getBoundingClientRect()})),clientRects=range.getClientRects();return[clientRects[0]].concat(innerRects,[clientRects[clientRects.length-1]])};function addTextSelectionListener(container,callback){var handleSelection=function(){var selectedText,position,selection=document.getSelection(),selectionAnchor=null==selection?void 0:selection.anchorNode,selectionFocus=null==selection?void 0:selection.focusNode;selection&&selection.rangeCount>0&&!selection.isCollapsed&&container.contains(selectionAnchor)&&container.contains(selectionFocus)&&(selectedText=function(selection){return selection.toString().replace(/(\r\n|\r|\n){2,}/g," ")}(selection),position=function(selection){var rects=getSelectionRects(selection),left=999999,right=0;rects.forEach((function(rect){left=Math.min(left,rect.left),right=Math.max(right,rect.right)}));var y=rects[0].top+window.scrollY;return{x:(left+right)/2+window.scrollX,y:y}}(selection)),callback(selectedText,position)};return document.addEventListener("selectionchange",handleSelection),function(){return document.removeEventListener("selectionchange",handleSelection)}}var TextSelectionToolbar=function(_React$Component){function TextSelectionToolbar(props){var _this;return(_this=_React$Component.call(this,props)||this).addTextSelectionListener=function(container){container&&!_this.removeTextSelectionListener&&(_this.removeTextSelectionListener=addTextSelectionListener(container,_this.setSelectedText))},_this.setSelectedText=debounce((function(selectedText,selectedTextPosition){return _this.setState({selectedText:selectedText,selectedTextPosition:selectedTextPosition})}),50),_this.state={selectedText:""},_this}_inheritsLoose(TextSelectionToolbar,_React$Component);var _proto=TextSelectionToolbar.prototype;return _proto.componentDidMount=function(){this.addTextSelectionListener(this.props.container)},_proto.componentWillUnmount=function(){this.removeTextSelectionListener()},_proto.componentWillReceiveProps=function(nextPros){this.addTextSelectionListener(nextPros.container)},_proto.render=function(){var _this$state=this.state,selectedText=_this$state.selectedText,selectedTextPosition=_this$state.selectedTextPosition,_this$props=this.props,container=_this$props.container,children=_this$props.children;if(!selectedText||!selectedTextPosition)return null;var left=container.getBoundingClientRect().left,containerOffset=this.props.container.getBoundingClientRect().top,style={top:selectedTextPosition.y-containerOffset-5-window.scrollY,left:selectedTextPosition.x-left};return React.createElement("div",{className:styles_toolbar,style:style},children(selectedText))},TextSelectionToolbar}(React.Component),twitter=function(props){return React.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},props),React.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.653 4.268c.854-.52 1.493-1.336 1.8-2.297-.804.483-1.683.825-2.6 1.01-1.153-1.245-2.939-1.65-4.506-1.023-1.566.627-2.597 2.16-2.6 3.867.001.318.037.636.106.946-3.298-.168-6.37-1.748-8.453-4.346-.37.633-.563 1.355-.56 2.09-.117 1.34.452 2.647 1.507 3.463C1.608 7.87.88 7.696.173 7.458v.052c.142 2.038 1.63 3.717 3.614 4.077-.298.098-.608.147-.92.146-.233.001-.466-.024-.694-.074.55 1.699 2.103 2.858 3.867 2.888-1.446 1.158-3.237 1.786-5.08 1.78-.32 0-.641-.02-.96-.058 3.593 2.332 8.156 2.492 11.9.417 3.744-2.076 6.073-6.056 6.073-10.381 0-.18-.013-.36-.013-.54.801-.588 1.492-1.316 2.04-2.15-.745.336-1.536.556-2.347.653z"}))};var TwitterButton=function(_ref){var selectedText=_ref.selectedText,onClick=_ref.onClick,handleOnClick=function(selectedText){null==onClick||onClick(selectedText),function(selectedText){var text="“"+selectedText+"“—",url=window.location.href;text.length+url.length>279&&(text=function(text,maxTextLength){var content=text.substring(0,maxTextLength-2);return(content=content.slice(0,content.lastIndexOf(" ")))+"…“—"}(text,279-url.length));var TWEET_ON_TWITTER_URL="https://twitter.com/intent/tweet?text="+encodeURI(text)+"&url="+encodeURI(url);window.open(TWEET_ON_TWITTER_URL)}(selectedText)};return React.createElement("button",{"data-hook":"twitter-button",className:styles_button,onClick:function(){return handleOnClick(selectedText)}},React.createElement(twitter,null))};export{TextSelectionToolbar,TwitterButton};
+import _objectWithoutPropertiesLoose from"@babel/runtime/helpers/objectWithoutPropertiesLoose";import _extends from"@babel/runtime/helpers/extends";import{get,isEmpty,isEqual,includes,isFunction,isNumber,upperFirst,camelCase,merge}from"lodash";import{BUTTONS,PluginSettingsIcon,createBasePlugin,createBaseMediaPlugin,PLUGIN_DECORATION_PROPS,PLUGIN_DECORATIONS}from"wix-rich-content-plugin-commons";import{getModalStyles,BUTTON_TYPES,INSERT_PLUGIN_BUTTONS,TOOLBARS}from"wix-rich-content-editor-common";import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import React,{Component}from"react";import classNames from"classnames";import{mergeStyles,addAnchorTagToUrl,anchorScroll,validate,GlobalContext,isSSR}from"wix-rich-content-common";import{getImageSrc,WIX_MEDIA_DEFAULT,isPNG}from"wix-rich-content-common/libs/imageUtils";import{SettingsSeparator,LabeledToggle,SettingsMobileHeader,SettingsSection,Image as Image$1,Loader,InputWithLabel,SettingsPanelFooter,MediaItemErrorMsg}from"wix-rich-content-ui-components";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import pluginImageSchema from"wix-rich-content-common/dist/statics/schemas/plugin-image.schema.json";import{convertNodeDataToDraft}from"ricos-content/libs/toDraftData";import{TIPTAP_IMAGE_TYPE}from"ricos-content";var styles$2={imageSettings:"-PCJd",imageSettingsTitle:"_3qXJb",imageSettingsImageSection:"_3vNQG",imageSettingsImage:"_1Y0jo",imageSettingsSection:"_2APzQ",imageSettingsLabel:"_22ic1",imageSettings_scrollContainer:"hMCLW",imageSettings_inputsWrapper:"_1W0yQ",imageSettings_mobile:"_41Y3W",imageSettings_footer:"j6-Tp",imageSettings_hidden:"_2tqWq"},DEFAULTS=Object.freeze({config:{alignment:"center",size:"content",showTitle:!0,showDescription:!0}}),_excluded$1=["isExpandEnabled","isDownloadEnabled"],ImageSettings=function(_Component){function ImageSettings(props){var _this;(_this=_Component.call(this,props)||this).toggleState=function(key,onToggle){return function(){var _this$setState,value=!_this.state[key];_this.setState(((_this$setState={})[key]=value,_this$setState),null==onToggle?void 0:onToggle(value))}},_this.renderToggle=function(_ref){var toggleKey=_ref.toggleKey,labelKey=_ref.labelKey,dataHook=_ref.dataHook,tooltipText=_ref.tooltipText,onToggle=_ref.onToggle;return"divider"===_ref.type?React.createElement(SettingsSeparator,{top:!0}):React.createElement("div",{key:toggleKey,className:_this.styles.imageSettings_toggleContainer},React.createElement(LabeledToggle,{theme:_this.props.theme,checked:_this.state[toggleKey],label:_this.props.t(labelKey),onChange:_this.toggleState(toggleKey,onToggle),dataHook:dataHook,tooltipText:tooltipText}))},_this.baseToggleData=[{toggleKey:"isExpandEnabled",labelKey:"ImagePlugin_Settings_ImageOpensInExpandMode_Label",dataHook:"imageExpandToggle",tooltipText:_this.props.t("ImageSettings_Expand_Mode_Toggle")},{toggleKey:"isDownloadEnabled",labelKey:"ImagePlugin_Settings_ImageCanBeDownloaded_Label",dataHook:"imageDownloadToggle",tooltipText:_this.props.t("ImagePlugin_Settings_ImageCanBeDownloaded_Tooltip")}],_this.toggleData=_this.props.shouldShowSpoiler?[].concat(_this.baseToggleData,[{type:"divider"},{toggleKey:"isSpoilerEnabled",labelKey:"ImageSettings_Spoiler_Toggle",dataHook:"imageSpoilerToggle",tooltipText:_this.props.t("Spoiler_Toggle_Tooltip"),onToggle:function(value){_this.props.pubsub.update("componentData",_extends({},_this.props.componentData,_this.getSpoilerConfig(value)))}}]):_this.baseToggleData,_this.onComponentUpdate=function(){var componentData=_this.props.pubsub.get("componentData");_this.setState({src:componentData.src,error:null==componentData?void 0:componentData.error})},_this.revertComponentData=function(){var _this$props=_this.props,componentData=_this$props.componentData,helpers=_this$props.helpers,pubsub=_this$props.pubsub;if(_this.initialState){var _this$initialState=_this.initialState,isExpandEnabled=_this$initialState.isExpandEnabled,isDownloadEnabled=_this$initialState.isDownloadEnabled,rest=_objectWithoutPropertiesLoose(_this$initialState,_excluded$1),initialComponentData=_extends({},componentData,rest,{disableExpand:!isExpandEnabled,disableDownload:!isDownloadEnabled});pubsub.update("componentData",initialComponentData),_this.setState(_extends({},_this.initialState))}helpers.closeModal()},_this.metadataUpdated=function(metadata,value){_this.setState({metadata:_extends({},metadata,value)})},_this.onDoneClick=function(){var _this$props2=_this.props,helpers=_this$props2.helpers,componentData=_this$props2.componentData,pubsub=_this$props2.pubsub,newComponentData=_extends({},componentData,_this.getSpoilerConfig(_this.state.isSpoilerEnabled),{disableDownload:!_this.state.isDownloadEnabled,disableExpand:!_this.state.isExpandEnabled});_this.state.metadata&&(newComponentData.metadata=_this.state.metadata),pubsub.update("componentData",newComponentData),helpers.closeModal()},_this.getSpoilerConfig=function(enabled){return{config:_extends({},_this.props.componentData.config,{spoiler:{enabled:enabled}})}},_this.setBlockLink=function(item){return _this.props.pubsub.setBlockData({key:"componentLink",item:item})},_this.state=_this.propsToState(props),_this.initialState=_extends({},_this.state);var t=props.t,theme=props.theme;return _this.styles=mergeStyles({styles:styles$2,theme:theme}),_this.updateLabel=t("ImageSettings_Update"),_this.headerText=t("ImageSettings_Header"),_this.captionLabel=t("ImageSettings_Caption_Label"),_this.captionInputPlaceholder=t("ImageSettings_Caption_Input_Placeholder"),_this.altLabel=t("ImageSettings_Alt_Label"),_this.altTooltip="ImageSettings_Alt_Label_Tooltip",_this.altInputPlaceholder=t("ImageSettings_Alt_Input_Placeholder"),_this}_inheritsLoose(ImageSettings,_Component);var _proto=ImageSettings.prototype;return _proto.propsToState=function(props){var componentData=props.componentData,src=componentData.src,metadata=componentData.metadata,error=componentData.error,disableExpand=componentData.disableExpand,disableDownload=componentData.disableDownload,_componentData$config=componentData.config.spoiler;return{src:src,metadata:metadata,error:error,isExpandEnabled:!disableExpand,isDownloadEnabled:!disableDownload,isSpoilerEnabled:(void 0===_componentData$config?{}:_componentData$config).enabled}},_proto.componentDidMount=function(){this.props.pubsub.subscribe("componentData",this.onComponentUpdate)},_proto.componentWillUnmount=function(){this.props.pubsub.unsubscribe("componentData",this.onComponentUpdate)},_proto.render=function(){var _classNames,_this2=this,_this$props3=this.props,helpers=_this$props3.helpers,theme=_this$props3.theme,t=_this$props3.t,isMobile=_this$props3.isMobile,languageDir=_this$props3.languageDir,_this$state=this.state,src=_this$state.src,error=_this$state.error,_this$state$metadata=_this$state.metadata,metadata=void 0===_this$state$metadata?{}:_this$state$metadata;return React.createElement("div",{className:this.styles.imageSettings,"data-hook":"settings",dir:languageDir},isMobile?React.createElement(SettingsMobileHeader,{theme:theme,onCancel:this.revertComponentData,onSave:this.onDoneClick,t:t}):React.createElement("h3",{className:this.styles.imageSettingsTitle},this.headerText),React.createElement("div",{className:classNames(styles$2.imageSettings_scrollContainer,(_classNames={},_classNames[styles$2.imageSettings_mobile]=isMobile,_classNames))},React.createElement(SettingsSection,{theme:theme,className:this.styles.imageSettingsImageSection,ariaProps:{"aria-label":"image preview",role:"region","data-hook":"imagePreview"}},src?React.createElement(Image$1,{alt:metadata.alt||"image preview",resizeMode:"contain",className:this.styles.imageSettingsImage,src:getImageSrc(src,null==helpers?void 0:helpers.getImageUrl,{requiredWidth:1e3,requiredHeight:250,requiredQuality:80}),theme:theme,error:error,t:t}):React.createElement("div",{className:this.styles.imageSettingsImage},React.createElement(Loader,{type:"medium"}))),React.createElement("div",{className:this.styles.imageSettings_inputsWrapper},React.createElement(SettingsSection,{theme:theme,className:this.styles.imageSettingsSection,ariaProps:{"aria-label":"image caption",role:"region"}},React.createElement(InputWithLabel,{theme:theme,id:"imageSettingsCaptionInput",label:this.captionLabel,placeholder:this.captionInputPlaceholder,value:metadata.caption||"",onChange:function(caption){return _this2.metadataUpdated(metadata,{caption:caption})},dataHook:"imageSettingsCaptionInput"})),React.createElement(SettingsSection,{theme:theme,className:this.styles.imageSettingsSection,ariaProps:{"aria-label":"image alt text",role:"region"}},React.createElement(InputWithLabel,{theme:theme,id:"imageSettingsAltInput",label:this.altLabel,placeholder:this.altInputPlaceholder,t:t,value:metadata.alt||"",onChange:function(alt){return _this2.metadataUpdated(metadata,{alt:alt})},dataHook:"imageSettingsAltInput",tooltipTextKey:this.altTooltip,isMobile:isMobile})),React.createElement(SettingsSection,{theme:theme,ariaProps:{"aria-label":"link redirect explanation",role:"region"}},React.createElement("div",{className:this.styles.imageSettingsLabel},this.toggleData.map((function(toggle){return _this2.renderToggle(toggle)})))))),!isMobile&&React.createElement(SettingsPanelFooter,{fixed:!0,theme:theme,cancel:this.revertComponentData,save:this.onDoneClick,t:t}))},ImageSettings}(Component);var mediaImageStudioPackageLoader;function getImageStudioPackage(){var src;return mediaImageStudioPackageLoader||(window.requirejs&&!window.requirejsBackup&&(window.requirejsBackup={define:window.define,require:window.require,requirejs:window.requirejs},window.define=void 0,window.require=void 0,window.requirejs=void 0),src="https://static.parastorage.com/unpkg/@wix/media-image-studio-opener@3.27.0/dist/statics/MediaImageStudio.bundle.min.js",mediaImageStudioPackageLoader=new Promise((function(resolve){var script=document.createElement("script");script.src=src,script.onload=resolve,document.head.appendChild(script)}))),mediaImageStudioPackageLoader.then((function(){return window.requirejsBackup&&(Object.assign(window,window.requirejsBackup),window.requirejsBackup=void 0),window.MediaImageStudio}))}function _setupImageEditor(){return(_setupImageEditor=_asyncToGenerator(_regeneratorRuntime.mark((function _callee(imageEditorWixSettings,rootElementId,fileName,onSave,onClose){var _yield$getImageStudio,MediaImageStudio,MediaImageStudioEvents,MediaImageStudioMode,mediaImageStudio,imageDataSubscription;return _regeneratorRuntime.wrap((function(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,getImageStudioPackage();case 2:return _yield$getImageStudio=_context.sent,MediaImageStudio=_yield$getImageStudio.MediaImageStudio,MediaImageStudioEvents=_yield$getImageStudio.MediaImageStudioEvents,MediaImageStudioMode=_yield$getImageStudio.MediaImageStudioMode,_context.t0=MediaImageStudio,_context.t1=_extends,_context.t2={},_context.next=11,Promise.resolve(imageEditorWixSettings);case 11:_context.t3=_context.sent,_context.t4={appendTo:document.querySelector("[id="+rootElementId+"]")},_context.t5=(0,_context.t1)(_context.t2,_context.t3,_context.t4),mediaImageStudio=new _context.t0(_context.t5),imageDataSubscription=mediaImageStudio.once(MediaImageStudioEvents.ImageData,(function(imageData){var file=blobToFile(imageData,fileName);onSave(file)})),mediaImageStudio.once(MediaImageStudioEvents.Close,(function(){imageDataSubscription.remove(),mediaImageStudio.kill(),onClose()})),mediaImageStudio.show({mode:MediaImageStudioMode.Transform,fileId:fileName});case 18:case"end":return _context.stop()}}),_callee)})))).apply(this,arguments)}function blobToFile(blob,fileName){return blob.lastModifiedDate=new Date,blob.name=fileName,blob}var _ModalsMap,ImageEditor=function(_Component){function ImageEditor(props){var _this;(_this=_Component.call(this,props)||this).state={mediaImageStudio:void 0,mediaImageStudioEvents:void 0};var _this$props=_this.props,src=_this$props.componentData.src,helpers=_this$props.helpers,pubsub=_this$props.pubsub,imageEditorWixSettings=_this$props.imageEditorWixSettings,onImageEditorOpen=_this$props.onImageEditorOpen,onClose=function(){var _helpers$closeModal;null==helpers||null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal||_helpers$closeModal.call(helpers)};return onImageEditorOpen&&onImageEditorOpen(),_this.id="imageEditor",function(_x,_x2,_x3,_x4,_x5){_setupImageEditor.apply(this,arguments)}(imageEditorWixSettings,_this.id,src.file_name,(function(file){null==pubsub||pubsub.getBlockHandler("handleFilesSelected")([file]),onClose()}),onClose),_this}return _inheritsLoose(ImageEditor,_Component),ImageEditor.prototype.render=function(){return React.createElement("div",{id:this.id,nofocus:"true"})},ImageEditor}(Component),Modals={IMAGE_SETTINGS:"image-settings",IMAGE_EDITOR:"image-editor"},ModalsMap=((_ModalsMap={})[Modals.IMAGE_SETTINGS]=ImageSettings,_ModalsMap[Modals.IMAGE_EDITOR]=ImageEditor,_ModalsMap),InsertPluginIcon=function(props){return React.createElement("svg",Object.assign({width:19,height:19,viewBox:"0 0 19 19"},props),React.createElement("g",{fillRule:"evenodd"},React.createElement("path",{d:"M2 6a1 1 0 0 1 1-1h2.75l.668-1.424A1 1 0 0 1 7.323 3h4.354a1 1 0 0 1 .905.576L13.25 5H16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6zm1 0v8h13V6h-3.5l-1.018-2H7.518L6.5 6H3zm6.5 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm0-1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"})))},MediaReplaceIcon=function(props){return React.createElement("svg",Object.assign({xmlnsXlink:"http://www.w3.org/1999/xlink",width:19,height:19,viewBox:"0 0 19 19"},props),React.createElement("defs",null,React.createElement("path",{id:"replace-path",d:"M3 7.8V3.2c0-.11.09-.2.2-.2h.6c.11 0 .2.09.2.2v2.592A6.607 6.607 0 0 1 9.412 3C13.05 3 16 5.91 16 9.5c0 .168-.006.335-.02.5h-1.016a5.51 5.51 0 0 0 .022-.5c0-3.038-2.495-5.5-5.574-5.5a5.583 5.583 0 0 0-4.967 3H7.8c.11 0 .2.09.2.2v.6a.2.2 0 0 1-.2.2H3.2a.2.2 0 0 1-.2-.2zm13 3.4v4.6a.2.2 0 0 1-.2.2h-.6a.2.2 0 0 1-.2-.2v-2.592A6.607 6.607 0 0 1 9.588 16C5.95 16 3 13.09 3 9.5c0-.168.006-.335.02-.5h1.016a5.496 5.496 0 0 0-.022.5c0 3.038 2.495 5.5 5.574 5.5a5.583 5.583 0 0 0 4.967-3H11.2a.2.2 0 0 1-.2-.2v-.6c0-.11.09-.2.2-.2h4.6c.11 0 .2.09.2.2z"})),React.createElement("g",{fillRule:"evenodd"},React.createElement("mask",{id:"replace-mask"},React.createElement("use",{xlinkHref:"#replace-path"})),React.createElement("use",{fillRule:"nonzero",xlinkHref:"#replace-path"})))},ImageEditorIcon=function(props){return React.createElement("svg",Object.assign({viewBox:"2 2 19 19",fill:"currentColor"},props),React.createElement("path",{d:"M14.092,8 C14.036,7.843 14,7.676 14,7.5 C14,7.324 14.036,7.157 14.092,7 C14.299,6.419 14.849,6 15.5,6 C16.151,6 16.701,6.419 16.908,7 C16.964,7.157 17,7.324 17,7.5 C17,7.676 16.964,7.843 16.908,8 C16.701,8.581 16.151,9 15.5,9 C14.849,9 14.299,8.581 14.092,8 Z M17.949,7 C17.717,5.86 16.707,5 15.5,5 C14.293,5 13.283,5.86 13.051,7 L3,7 L3,8 L13.051,8 C13.283,9.14 14.293,10 15.5,10 C16.707,10 17.717,9.14 17.949,8 L21,8 L21,7 L17.949,7 Z M15.092,18.0009 C15.036,17.8439 15,17.6769 15,17.5009 C15,17.3249 15.036,17.1579 15.092,17.0009 C15.299,16.4199 15.849,16.0009 16.5,16.0009 C17.151,16.0009 17.701,16.4199 17.908,17.0009 C17.964,17.1579 18,17.3249 18,17.5009 C18,17.6769 17.964,17.8439 17.908,18.0009 C17.701,18.5819 17.151,19.0009 16.5,19.0009 C15.849,19.0009 15.299,18.5819 15.092,18.0009 Z M18.949,17.0009 C18.717,15.8609 17.707,15.0009 16.5,15.0009 C15.293,15.0009 14.283,15.8609 14.051,17.0009 L3,17.0009 L3,18.0009 L14.051,18.0009 C14.283,19.1409 15.293,20.0009 16.5,20.0009 C17.707,20.0009 18.717,19.1409 18.949,18.0009 L21,18.0009 L21,17.0009 L18.949,17.0009 Z M6.092,13 C6.036,12.843 6,12.676 6,12.5 C6,12.324 6.036,12.157 6.092,12 C6.299,11.419 6.849,11 7.5,11 C8.151,11 8.701,11.419 8.908,12 C8.964,12.157 9,12.324 9,12.5 C9,12.676 8.964,12.843 8.908,13 C8.701,13.581 8.151,14 7.5,14 C6.849,14 6.299,13.581 6.092,13 Z M9.949,12 C9.717,10.86 8.707,10 7.5,10 C6.293,10 5.283,10.86 5.051,12 L3,12 L3,13 L5.051,13 C5.283,14.14 6.293,15 7.5,15 C8.707,15 9.717,14.14 9.949,13 L21,13 L21,12 L9.949,12 Z"}))},IMAGE_TYPE="wix-draft-plugin-image",IMAGE_TYPE_LEGACY="IMAGE",createInlineButtons=function(_ref){var t=_ref.t,anchorTarget=_ref.anchorTarget,relValue=_ref.relValue,uiSettings=_ref.uiSettings,isMobile=_ref.isMobile,_ref$settings=_ref.settings,settings=void 0===_ref$settings?{}:_ref$settings,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,icons=get(settings,"toolbar.icons",{}),modalStyles=getModalStyles({isMobile:isMobile}),imageEditorStyles=getModalStyles({customStyles:{content:{maxWidth:"100%",background:"transparent"}}}),imageEditorWixSettings=settings.imageEditorWixSettings,onImageEditorOpen=settings.onImageEditorOpen,imageEditorButton={keyName:"imageEditor",type:BUTTONS.EXTERNAL_MODAL,icon:icons.imageEditor||ImageEditorIcon,modalName:Modals.IMAGE_EDITOR,modalStyles:imageEditorStyles,t:t,imageEditorWixSettings:imageEditorWixSettings,onImageEditorOpen:onImageEditorOpen,mobile:!1,tooltipTextKey:"ImageEditorButton_Tooltip",mapComponentDataToButtonProps:function(componentData){return{disabled:isEmpty(componentData.src)||!!componentData.error}}},spoilerInInlineToolbar=experiments.spoilerInInlineToolbar,spoilerButton=settings.spoiler&&null!=spoilerInInlineToolbar&&spoilerInInlineToolbar.enabled?[{keyName:"spoiler",type:BUTTONS.SPOILER,mobile:!0}]:[];return[{keyName:"sizeOriginal",type:BUTTONS.SIZE_ORIGINAL,mobile:!1},{keyName:"sizeSmallCenter",type:BUTTONS.SIZE_SMALL_CENTER,mobile:!1},{keyName:"sizeContent",type:BUTTONS.SIZE_CONTENT,mobile:!1},{keyName:"sizeFullWidth",type:BUTTONS.SIZE_FULL_WIDTH,mobile:!1},{keyName:"separator1",type:BUTTONS.SEPARATOR,mobile:!1},{keyName:"alignLeft",type:BUTTONS.SIZE_SMALL_LEFT,mobile:!1},{keyName:"alignCenter",type:BUTTONS.SIZE_CONTENT_CENTER,mobile:!1},{keyName:"alignRight",type:BUTTONS.SIZE_SMALL_RIGHT,mobile:!1},{keyName:"separator2",type:BUTTONS.SEPARATOR,mobile:!1}].concat(spoilerButton,imageEditorWixSettings?[imageEditorButton]:[],[{keyName:"settings",type:BUTTONS.EXTERNAL_MODAL,fullHeight:!0,icon:icons.settings||PluginSettingsIcon,modalName:Modals.IMAGE_SETTINGS,modalStyles:modalStyles,anchorTarget:anchorTarget,relValue:relValue,t:t,mobile:!0,tooltipTextKey:"SettingsButton_Tooltip",uiSettings:uiSettings,triggerSettingsBi:!0,pluginId:IMAGE_TYPE,shouldShowSpoiler:settings.spoiler},{keyName:"link",type:BUTTONS.LINK,mobile:!0},{keyName:"replace",type:BUTTONS.FILES,onFilesSelected:function(pubsub,files){files.length>0&&pubsub.getBlockHandler("handleFilesSelected")(files)},icon:icons.replace||MediaReplaceIcon,mobile:!0,tooltipTextKey:"ReplaceImageButton_Tooltip",t:t},{keyName:"delete",type:BUTTONS.DELETE,mobile:!0}])},createInsertButtons=function(_ref){var _settings$toolbar,_settings$toolbar$ico,t=_ref.t,settings=_ref.settings,disableDownload=_ref.disableDownload,disableExpand=_ref.disableExpand,icon=(null==settings||null===(_settings$toolbar=settings.toolbar)||void 0===_settings$toolbar||null===(_settings$toolbar$ico=_settings$toolbar.icons)||void 0===_settings$toolbar$ico?void 0:_settings$toolbar$ico.InsertPluginButtonIcon)||InsertPluginIcon,PluginData=void 0!==disableDownload?_extends({},DEFAULTS,{disableDownload:disableDownload}):DEFAULTS,componentData=void 0!==disableExpand?_extends({},DEFAULTS,{disableExpand:disableExpand}):PluginData;return[{type:BUTTON_TYPES.FILE,multi:!0,name:INSERT_PLUGIN_BUTTONS.IMAGE,tooltip:t("ImagePlugin_InsertButton_Tooltip"),toolbars:[TOOLBARS.INSERT_PLUGIN,TOOLBARS.MOBILE,TOOLBARS.FOOTER,TOOLBARS.SIDE],getIcon:function(){return icon},componentData:componentData}]},createToolbar=function(_ref){var t=_ref.t,anchorTarget=_ref.anchorTarget,relValue=_ref.relValue,uiSettings=_ref.uiSettings,isMobile=_ref.isMobile,settings=_ref.settings,experiments=_ref.experiments,disableDownload=null==uiSettings?void 0:uiSettings.disableDownload,disableExpand=null==settings?void 0:settings.disableExpand;return{InlineButtons:createInlineButtons({t:t,anchorTarget:anchorTarget,relValue:relValue,uiSettings:uiSettings,isMobile:isMobile,settings:settings,experiments:experiments}),InsertButtons:createInsertButtons({t:t,settings:settings,disableDownload:disableDownload,disableExpand:disableExpand}),name:"image"}},styles$1={fontElementMap:"_1hNZF",imageContainer:"_2kEVY",expandContainer:"-D6i8",expandIcon:"_2Lky3",pointer:"_2Ybje",imageWrapper:"_3WJnn",image:"OzAYt",imageOverlay:"_1b5Ar",imageCaption:"EilAw",imagePreload:"_3ii3f",imageHighres:"_3xs9_",onlyHighRes:"_1I_dK",image_loading:"_3aC9X"},expand=function(props){return React.createElement("svg",Object.assign({viewBox:"0 0 19 19",xmlns:"http://www.w3.org/2000/svg"},props),React.createElement("path",{d:"M15.071 8.371V4.585l-4.355 4.356a.2.2 0 0 1-.283 0l-.374-.374a.2.2 0 0 1 0-.283l4.356-4.355h-3.786a.2.2 0 0 1-.2-.2V3.2c0-.11.09-.2.2-.2H16v5.371a.2.2 0 0 1-.2.2h-.529a.2.2 0 0 1-.2-.2zm-6.5 6.9v.529a.2.2 0 0 1-.2.2H3v-5.371c0-.11.09-.2.2-.2h.529c.11 0 .2.09.2.2v3.786l4.355-4.356a.2.2 0 0 1 .283 0l.374.374a.2.2 0 0 1 0 .283L4.585 15.07h3.786c.11 0 .2.09.2.2z",fill:"#000",fillRule:"nonzero"}))},styles_inPluginInput="_1k3YS",InPluginInput=function(_Component){function InPluginInput(){var _this;return(_this=_Component.apply(this,arguments)||this).handleFocus=function(e){e.stopPropagation(),_this.props.setFocusToBlock(),_this.props.setInPluginEditingMode(!0)},_this.handleBlur=function(){return _this.props.setInPluginEditingMode(!1)},_this.handleKeyPress=function(e){var _this$props=_this.props,setFocusToBlock=_this$props.setFocusToBlock,value=_this$props.value;"Enter"===e.key&&setFocusToBlock&&""!==value&&(_this.handleBlur(),setFocusToBlock())},_this.onChange=function(e){var _this$props$onChange,_this$props2;return null===(_this$props$onChange=(_this$props2=_this.props).onChange)||void 0===_this$props$onChange?void 0:_this$props$onChange.call(_this$props2,e.target.value)},_this}return _inheritsLoose(InPluginInput,_Component),InPluginInput.prototype.render=function(){var className=classNames(styles_inPluginInput,this.props.className);return React.createElement("textarea",{className:className,value:this.props.value,onChange:this.onChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyPress:this.handleKeyPress,dir:"auto",rows:1})},InPluginInput}(Component);InPluginInput.defaultProps={setInPluginEditingMode:function(){return!1},setFocusToBlock:function(){return!1}};var ImageViewer=function(_React$Component){function ImageViewer(props){var _this;return(_this=_React$Component.call(this,props)||this).forceOnImageLoad=function(){var executionTimes=0,interval=setInterval((function(){var _this$imageRef,_this$imageRef$curren;null!==(_this$imageRef=_this.imageRef)&&void 0!==_this$imageRef&&null!==(_this$imageRef$curren=_this$imageRef.current)&&void 0!==_this$imageRef$curren&&_this$imageRef$curren.complete&&(_this.onImageLoad(_this.imageRef.current),clearInterval(interval)),10==++executionTimes&&clearInterval(interval)}),200)},_this.onImageLoadError=function(){var src=_this.props.componentData.src;src&&src.fallback&&_this.setState({fallbackImageSrc:{preload:src.fallback,highres:src.fallback}})},_this.renderImage=function(imageClassName,imageSrc,alt,props,isGif,onlyHighRes){var _classNames;return _this.getImage(classNames(imageClassName,_this.styles.imageHighres,((_classNames={})[_this.styles.onlyHighRes]=onlyHighRes,_classNames)),imageSrc.highres,alt,props,{fadeIn:!isGif,width:imageSrc.highresWidth,height:imageSrc.highresHeight})},_this.renderPreloadImage=function(imageClassName,imageSrc,alt,props){return _this.getImage(classNames(imageClassName,_this.styles.imagePreload),imageSrc.preload,alt,_extends({"aria-hidden":!0},props))},_this.onImageLoad=function(element){element.style.opacity=1,_this.preloadRef.current&&(_this.preloadRef.current.style.opacity="0")},_this.handleExpand=function(e){var _helpers$onViewerActi;e.preventDefault();var _this$props=_this.props,onExpand=_this$props.settings.onExpand,_this$props$helpers=_this$props.helpers,helpers=void 0===_this$props$helpers?{}:_this$props$helpers;null===(_helpers$onViewerActi=helpers.onViewerAction)||void 0===_helpers$onViewerActi||_helpers$onViewerActi.call(helpers,IMAGE_TYPE,"Click","expand_image"),_this.hasExpand()&&(null==onExpand||onExpand(_this.props.blockKey))},_this.scrollToAnchor=function(e){var _this$props2=_this.props,_this$props2$componen=_this$props2.componentData.config.link,anchor=(_this$props2$componen=void 0===_this$props2$componen?{}:_this$props2$componen).anchor,customAnchorScroll=_this$props2.customAnchorScroll;if(customAnchorScroll)customAnchorScroll(e,anchor);else{var anchorString="viewer-"+anchor,element=document.getElementById(anchorString);addAnchorTagToUrl(anchorString),anchorScroll(element,_this.context.experiments)}},_this.hasLink=function(){var _this$props$component,_this$props$component2,_this$props$component3;return null===(_this$props$component=_this.props.componentData)||void 0===_this$props$component||null===(_this$props$component2=_this$props$component.config)||void 0===_this$props$component2||null===(_this$props$component3=_this$props$component2.link)||void 0===_this$props$component3?void 0:_this$props$component3.url},_this.hasAnchor=function(){var _this$props$component4,_this$props$component5,_this$props$component6;return null===(_this$props$component4=_this.props.componentData)||void 0===_this$props$component4||null===(_this$props$component5=_this$props$component4.config)||void 0===_this$props$component5||null===(_this$props$component6=_this$props$component5.link)||void 0===_this$props$component6?void 0:_this$props$component6.anchor},_this.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||_this.props.getInPluginEditingMode||_this.handleClick(e)},_this.handleClick=function(e){if(_this.hasLink())return null;_this.hasAnchor()?(e.preventDefault(),e.stopPropagation(),_this.scrollToAnchor(e)):_this.handleExpand(e)},_this.handleRef=function(e){_this.state.container||_this.setState({container:e})},_this.handleContextMenu=function(e){var _this$props$component7=_this.props.componentData.disableDownload;return void 0!==_this$props$component7&&_this$props$component7&&e.preventDefault()},_this.hasExpand=function(){var _this$props3=_this.props,componentData=_this$props3.componentData,settings=_this$props3.settings,disableExpand=!1;return void 0!==componentData.disableExpand?disableExpand=componentData.disableExpand:void 0!==settings.disableExpand&&(disableExpand=settings.disableExpand),!disableExpand&&settings.onExpand},_this.renderExpandIcon=function(){return React.createElement("div",{className:_this.styles.expandContainer},React.createElement(expand,{className:_this.styles.expandIcon,onClick:_this.handleExpand}))},validate(props.componentData,pluginImageSchema),_this.state={},_this.preloadRef=React.createRef(),_this.imageRef=React.createRef(),_this}_inheritsLoose(ImageViewer,_React$Component);var _proto=ImageViewer.prototype;return _proto.componentDidMount=function(){this.setState({ssrDone:!0}),/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&this.forceOnImageLoad()},_proto.componentWillReceiveProps=function(nextProps){isEqual(nextProps.componentData,this.props.componentData)||validate(nextProps.componentData,pluginImageSchema)},_proto.calculateHeight=function(width,src){return void 0===width&&(width=1),src&&src.height&&src.width?Math.ceil(src.height/src.width*width):WIX_MEDIA_DEFAULT.SIZE},_proto.getImageDataUrl=function(){return this.props.dataUrl?{preload:this.props.dataUrl,highres:this.props.dataUrl}:null},_proto.getImageUrl=function(src){var _this$context$experim,_this$context$experim2,_this2=this,_ref=this.props||{},helpers=_ref.helpers,seoMode=_ref.seoMode;if(!src&&null!=helpers&&helpers.handleFileSelection)return null;var requiredWidth,requiredHeight,removeUsm=null===(_this$context$experim=this.context.experiments)||void 0===_this$context$experim||null===(_this$context$experim2=_this$context$experim.removeUsmFromImageUrls)||void 0===_this$context$experim2?void 0:_this$context$experim2.enabled,imageUrl={preload:"",highres:""},imageSrcOpts={};if(!this.props.isMobile&&!isPNG(src)){var _this$props$component8=this.props.componentData.config,alignment=(_this$props$component8=void 0===_this$props$component8?{}:_this$props$component8).alignment,width=_this$props$component8.width;imageSrcOpts=_extends({removeUsm:removeUsm,imageType:"quailtyPreload"},("left"===alignment||"right"===alignment)&&!width&&{requiredWidth:300})}if(imageUrl.preload=getImageSrc(src,null==helpers?void 0:helpers.getImageUrl,imageSrcOpts),seoMode)requiredWidth=(null==src?void 0:src.width)&&Math.min(src.width,1e3),requiredHeight=this.calculateHeight(1e3,src);else if(this.state.container){var _getImageDimensions=function(width,isMobile){var requiredHeight,requiredWidth=width||1;return isMobile&&!isSSR()&&(requiredWidth*=window.devicePixelRatio,requiredWidth*=window.screen.width/document.body.clientWidth),requiredHeight=_this2.calculateHeight(requiredWidth,src),[requiredWidth=Math.ceil(requiredWidth),requiredHeight=Math.ceil(requiredHeight)]}(this.state.container.getBoundingClientRect().width||(null==src?void 0:src.width),this.props.isMobile);requiredWidth=_getImageDimensions[0],requiredHeight=_getImageDimensions[1]}return imageUrl.highres=getImageSrc(src,null==helpers?void 0:helpers.getImageUrl,{removeUsm:removeUsm,requiredWidth:requiredWidth,requiredHeight:requiredHeight,requiredQuality:90,imageType:"highRes"}),!this.state.ssrDone||imageUrl.preload||this.props.isLoading||console.error("image plugin mounted with invalid image source!",src),imageUrl},_proto.getImage=function(imageClassNames,src,alt,props,opts){var _this$context$experim3,_this3=this;void 0===opts&&(opts={});var _opts=opts,_opts$fadeIn=_opts.fadeIn,fadeIn=void 0!==_opts$fadeIn&&_opts$fadeIn,width=_opts.width,height=_opts.height,loading=null!==(_this$context$experim3=this.context.experiments.lazyImagesAndIframes)&&void 0!==_this$context$experim3&&_this$context$experim3.enabled?"lazy":void 0;return React.createElement("img",Object.assign({},props,{className:imageClassNames,src:src,alt:alt,onError:this.onImageLoadError,onLoad:fadeIn?function(e){return _this3.onImageLoad(e.target)}:void 0,ref:fadeIn?this.imageRef:this.preloadRef,width:width,height:height,loading:loading}))},_proto.renderTitle=function(data,styles){return!!(data.config||{}).showTitle&&React.createElement("div",{className:classNames(styles.imageTitle)},data&&data.title||"")},_proto.renderDescription=function(data,styles){return!!(data.config||{}).showDescription&&React.createElement("div",{className:classNames(styles.imageDescription)},data&&data.description||"")},_proto.renderCaption=function(caption){var _this$props4=this.props,onCaptionChange=_this$props4.onCaptionChange,setFocusToBlock=_this$props4.setFocusToBlock,setInPluginEditingMode=_this$props4.setInPluginEditingMode,_this$styles=this.styles,imageCaption=_this$styles.imageCaption,link=_this$styles.link,classes=classNames(imageCaption,this.hasLink()&&link);return onCaptionChange?React.createElement(InPluginInput,{setInPluginEditingMode:setInPluginEditingMode,className:classes,value:caption,onChange:onCaptionChange,setFocusToBlock:setFocusToBlock}):React.createElement("span",{dir:"auto",className:classes},caption)},_proto.shouldRenderCaption=function(){var _componentData$metada,_this$props5=this.props,getInPluginEditingMode=_this$props5.getInPluginEditingMode,settings=_this$props5.settings,componentData=_this$props5.componentData,defaultCaption=_this$props5.defaultCaption,caption=null===(_componentData$metada=componentData.metadata)||void 0===_componentData$metada?void 0:_componentData$metada.caption;if(includes(get(settings,"toolbar.hidden"),"settings"))return!1;if(void 0===caption||""===caption&&(null==getInPluginEditingMode||!getInPluginEditingMode())||caption===defaultCaption)return!1;var data=componentData||DEFAULTS;return"original"!==data.config.size||!data.src||!data.src.width||data.src.width>=350},_proto.render=function(){var _classNames2,_imageSrc$highres,_imageSrc$highres$end;this.styles=this.styles||mergeStyles({styles:styles$1,theme:this.props.theme});var _this$props6=this.props,componentData=_this$props6.componentData,className=_this$props6.className,settings=_this$props6.settings,setComponentUrl=_this$props6.setComponentUrl,seoMode=_this$props6.seoMode,_this$state=this.state,fallbackImageSrc=_this$state.fallbackImageSrc,ssrDone=_this$state.ssrDone,data=componentData||DEFAULTS,metadata=componentData.metadata;metadata||(metadata={});var itemClassName=classNames(this.styles.imageWrapper,className,((_classNames2={})[this.styles.pointer]=this.hasExpand(),_classNames2)),imageClassName=this.styles.image,imageSrc=fallbackImageSrc||this.getImageDataUrl()||this.getImageUrl(data.src),imageProps={};data.src&&settings&&settings.imageProps&&(imageProps=isFunction(settings.imageProps)?settings.imageProps(data.src):settings.imageProps);var isGif=null==imageSrc||null===(_imageSrc$highres=imageSrc.highres)||void 0===_imageSrc$highres||null===(_imageSrc$highres$end=_imageSrc$highres.endsWith)||void 0===_imageSrc$highres$end?void 0:_imageSrc$highres$end.call(_imageSrc$highres,".gif");null==setComponentUrl||setComponentUrl(null==imageSrc?void 0:imageSrc.highres);var shouldRenderPreloadImage=!seoMode&&imageSrc&&!isGif,shouldRenderImage=imageSrc&&(seoMode||ssrDone)||isGif,accesibilityProps=!this.hasLink()&&{role:"button",tabIndex:0},onlyHiRes=seoMode||isGif;return React.createElement("div",Object.assign({"data-hook":"imageViewer",className:this.styles.imageContainer,ref:this.handleRef,onContextMenu:this.handleContextMenu,onKeyDown:this.onKeyDown},accesibilityProps),React.createElement("div",{className:itemClassName,"aria-label":metadata.alt,onClick:this.handleClick,onKeyDown:this.onKeyDown},shouldRenderPreloadImage&&this.renderPreloadImage(imageClassName,imageSrc,metadata.alt,imageProps),shouldRenderImage&&this.renderImage(imageClassName,imageSrc,metadata.alt,imageProps,isGif,onlyHiRes),this.hasExpand()&&this.renderExpandIcon()),this.renderTitle(data,this.styles),this.renderDescription(data,this.styles),this.shouldRenderCaption()&&this.renderCaption(metadata.caption))},ImageViewer}(React.Component);ImageViewer.contextType=GlobalContext;var shouldDisableStyles=function(componentData,isMobile){var _ref=componentData.config||{},size=_ref.size,width=_ref.width;return!("inline"===size&&isNumber(width)&&width<=150)&&isMobile},ImageComponent=function(_React$Component){function ImageComponent(props){var _this;(_this=_React$Component.call(this,props)||this).handleMetadataChange=function(newMetadata){var componentData=_this.props.componentData,metadata=_extends({},componentData.metadata,newMetadata);_this.props.store.update("componentData",_extends({},componentData,{metadata:metadata}),_this.props.block.getKey())},_this.handleCaptionChange=function(caption){return _this.handleMetadataChange({caption:caption})};var _this$props=_this.props,block=_this$props.block,store=_this$props.store;if(store){var blockKey=block.getKey();store.setBlockHandler("handleMetadataChange",blockKey,_this.handleMetadataChange.bind(_assertThisInitialized(_this)))}return _this}return _inheritsLoose(ImageComponent,_React$Component),ImageComponent.prototype.render=function(){var _this$props$tempData,_this$props2=this.props,settings=_this$props2.settings,componentData=_this$props2.componentData,className=_this$props2.className,blockProps=_this$props2.blockProps,theme=_this$props2.theme,isMobile=_this$props2.isMobile,helpers=_this$props2.helpers,getInPluginEditingMode=_this$props2.getInPluginEditingMode,setInPluginEditingMode=_this$props2.setInPluginEditingMode,setComponentUrl=_this$props2.setComponentUrl,t=_this$props2.t,error=_this$props2.error,isLoading=_this$props2.isLoading;return React.createElement(React.Fragment,null,React.createElement(ImageViewer,{theme:theme,isMobile:isMobile,helpers:helpers,getInPluginEditingMode:getInPluginEditingMode,setInPluginEditingMode:setInPluginEditingMode,componentData:componentData,className:className,isLoading:this.props.isLoading,dataUrl:null===(_this$props$tempData=this.props.tempData)||void 0===_this$props$tempData?void 0:_this$props$tempData.dataUrl,settings:settings,defaultCaption:this.props.t("ImageViewer_Caption"),onCaptionChange:this.handleCaptionChange,setFocusToBlock:blockProps.setFocusToBlock,setComponentUrl:setComponentUrl}),(isLoading||componentData.loading)&&React.createElement(Loader,{type:"medium"}),error&&React.createElement(MediaItemErrorMsg,{error:error,t:t}))},ImageComponent}(React.Component);ImageComponent.alignmentClassName=function(componentData,theme,styles,isMobile){return function(componentData,theme,styles,isMobile){var _ref2=componentData.config||{},alignment=_ref2.alignment,size=_ref2.size;if(!alignment||shouldDisableStyles(componentData,isMobile)&&"original"!==size)return"";var align=alignment;if("original"===size&&"center"!==alignment){var width=(componentData.src||{}).width;isNumber(width)&&width>350&&(align="center")}return classNames(styles["align"+upperFirst(align)],theme["align"+upperFirst(align)])}(componentData,theme,styles,isMobile)},ImageComponent.sizeClassName=function(componentData,theme,styles,isMobile){return function(componentData,theme,styles,isMobile){var size=(componentData.config||{}).size;return!size||isMobile&&"original"===size?"":shouldDisableStyles(componentData,isMobile)?classNames(styles.sizeFullWidth,theme.sizeFullWidth):classNames(styles["size"+upperFirst(camelCase(size))],theme["size"+upperFirst(camelCase(size))])}(componentData,theme,styles,isMobile)};var _excluded=["width"];function _toPropertyKey(arg){var key=function(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}var createImagePlugin=function(config){var _config$uiSettings,_config$settings,_config$uiSettings2,type=IMAGE_TYPE,defaultPluginData=void 0!==(null==config||null===(_config$uiSettings=config.uiSettings)||void 0===_config$uiSettings?void 0:_config$uiSettings.disableDownload)?_extends({},DEFAULTS,{disableDownload:config.uiSettings.disableDownload}):DEFAULTS,PluginData=void 0!==(null==config||null===(_config$settings=config.settings)||void 0===_config$settings?void 0:_config$settings.disableExpand)?_extends({},defaultPluginData,{disableExpand:config.settings.disableExpand}):defaultPluginData,helpers=config.helpers,t=config.t,anchorTarget=config.anchorTarget,relValue=config.relValue,settings=config[type],uiSettings=config.uiSettings,isMobile=config.isMobile,innerModal=config.innerModal,spoilerWrapper=config.spoilerWrapper,experiments=config.experiments,rest=_objectWithoutPropertiesLoose(config,["helpers","t","anchorTarget","relValue",type,"uiSettings","isMobile","innerModal","spoilerWrapper","experiments"].map(_toPropertyKey));return createBasePlugin(_extends({component:createBaseMediaPlugin(ImageComponent),type:IMAGE_TYPE,legacyType:"IMAGE",pluginDecorationProps:function(props,componentData){var _componentData$config,_componentData$config2,_componentData$src,size=null===(_componentData$config=componentData.config)||void 0===_componentData$config?void 0:_componentData$config.size,width=null===(_componentData$config2=componentData.config)||void 0===_componentData$config2?void 0:_componentData$config2.width,calulatedProps=props;null!==(_componentData$src=componentData.src)&&void 0!==_componentData$src&&_componentData$src.width&&("original"===size||isMobile&&"inline"===size&&isNumber(width)&&width>150)&&(calulatedProps=_extends({},props,{width:componentData.src.width,style:_extends({},componentData.src.style||{},{width:componentData.src.width})}));var resizeableProps=PLUGIN_DECORATION_PROPS[PLUGIN_DECORATIONS.RESIZEABLE](calulatedProps);if("inline"===size)return resizeableProps;if("original"===size)return _extends({},resizeableProps,{style:_extends({},resizeableProps.style,{maxWidth:"100%"})});var _resizeableProps$styl=resizeableProps.style;_resizeableProps$styl.width;var allButWidth=_objectWithoutPropertiesLoose(_resizeableProps$styl,_excluded);return _extends({},resizeableProps,{style:_extends({},allButWidth)})},componentWillReceiveDecorationProps:function(props,nextProps,onPropsChange){var width=PLUGIN_DECORATION_PROPS[PLUGIN_DECORATIONS.RESIZEABLE](props).width,nextWidth=PLUGIN_DECORATION_PROPS[PLUGIN_DECORATIONS.RESIZEABLE](nextProps).width;width!==nextWidth&&onPropsChange({size:"inline",width:nextWidth})},toolbar:createToolbar({helpers:helpers,anchorTarget:anchorTarget,relValue:relValue,t:t,uiSettings:uiSettings,isMobile:isMobile,settings:settings,experiments:experiments}),helpers:helpers,innerModal:innerModal,anchorTarget:anchorTarget,relValue:relValue,settings:settings||{},uiSettings:uiSettings,t:t,isMobile:isMobile,disableRightClick:null==config||null===(_config$uiSettings2=config.uiSettings)||void 0===_config$uiSettings2?void 0:_config$uiSettings2.disableRightClick,defaultPluginData:PluginData,spoilerWrapper:(null==settings?void 0:settings.spoiler)&&spoilerWrapper},rest))};createImagePlugin.functionName=IMAGE_TYPE;var createImageData=function(pluginData,isRicosSchema){void 0===pluginData&&(pluginData={}),void 0===isRicosSchema&&(isRicosSchema=!1);var imageData=isRicosSchema?convertNodeDataToDraft("IMAGE",pluginData):pluginData;return merge({},DEFAULTS,imageData)},imageDataDefaults={containerData:{alignment:"CENTER",width:{size:null,custom:null},spoiler:{enabled:null,description:null,buttonText:null},height:{custom:null},textWrap:null},image:{src:null,width:null,height:null},link:{target:"SELF",url:null,anchor:null,rel:null,customData:null},disableExpand:null,altText:null,caption:null,disableDownload:null},Image=function(_ref){var _node$attrs$image,_node$attrs$image$src,context=_ref.context,componentData=_ref.componentData,updateAttributes=_ref.updateAttributes,node=_ref.node,isMobile=context.isMobile,theme=context.theme,t=context.t,_context$config=context.config,settings=(void 0===_context$config?{}:_context$config)[IMAGE_TYPE]||{},isLoading=node.attrs.loading,error=node.attrs.error,blockKey=node.attrs.id;return React.createElement(React.Fragment,null,React.createElement(ImageViewer,{theme:theme,isMobile:isMobile,helpers:{},componentData:componentData,isLoading:isLoading,dataUrl:isLoading&&(null===(_node$attrs$image=node.attrs.image)||void 0===_node$attrs$image||null===(_node$attrs$image$src=_node$attrs$image.src)||void 0===_node$attrs$image$src?void 0:_node$attrs$image$src.url),settings:settings,defaultCaption:t("ImageViewer_Caption"),onCaptionChange:function(caption){updateAttributes({caption:caption})},setFocusToBlock:function(){return null},setComponentUrl:function(){return null},blockKey:blockKey}),(isLoading||componentData.loading)&&React.createElement(Loader,{theme:theme,type:"medium"}),error&&React.createElement(MediaItemErrorMsg,{error:error,t:t}))},name=TIPTAP_IMAGE_TYPE,pluginImage=function(config){var defaultOptions,pluginConfig=_extends({},DEFAULTS.config,config);return{config:pluginConfig,type:IMAGE_TYPE,createPlugin:createImagePlugin,ModalsMap:ModalsMap,createPluginData:createImageData,tiptapExtensions:(defaultOptions=pluginConfig,[{type:"node",Component:Image,componentDataDefaults:_extends({},imageDataDefaults,{id:"",loading:{default:!1}}),createExtensionConfig:function(){return{name:name,atom:!1,defaultOptions:defaultOptions,addCommands:function(){return{setImageUrl:function(url){return function(_ref){return _ref.commands.updateAttributes(name,{image:{src:{custom:url}}})}},setImageLoading:function(loading){return function(_ref2){return _ref2.commands.updateAttributes(name,{loading:loading})}}}}}}}])}};export{IMAGE_TYPE,IMAGE_TYPE_LEGACY,ImageComponent,ImageViewer,Modals,ModalsMap,createImagePlugin,pluginImage};
 //# sourceMappingURL=module.js.map

dist/src/index.d.ts

@@ -1,4 +0,7 @@
-import TextSelectionToolbar from './TextSelectionToolbar';
-import TwitterButton from './TwitterButton';
-export { TextSelectionToolbar, TwitterButton };
+export { createImagePlugin } from './createImagePlugin';
+export { default as ImageViewer } from './image-viewer';
+export { IMAGE_TYPE_LEGACY, IMAGE_TYPE } from './types';
+export { Modals, ModalsMap } from './modals';
+export { pluginImage } from './editor';
+export { Component as ImageComponent } from './image-component';
 //# sourceMappingURL=index.d.ts.map

package.json

@@ -1,1 +0,1 @@
-{"name":"richlagetest","version":"0.0.0-00f8dddc44fd82f2d21396aebcac5d11f74a298c"}
+{"name":"richlagetest","version":"0.0.0-1c3a1503548c1b834eb069a652d8d16a95bb5690"}

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

426725

increased by1101.13%

Number of package files

80

increased by370.59%

Lines of code

1026

increased by1215.38%

Worsened metrics

Number of low quality alerts

7

increased by133.33%

Number of low supply chain risk alerts

3

increased by200%

Number of medium supply chain risk alerts

5

increased by400%

No dependency changes