richlagetest - npm Package Compare versions

Comparing version 0.0.0-1c3a1503548c1b834eb069a652d8d16a95bb5690 to 0.0.0-21eaeee48a819fa2c1df0adea07af62de5621846

dist/loadable/viewer/cjs/viewer-loadable.cjs.js

@@ -1,3 +0,5 @@
-"use strict";var _extends=require("@babel/runtime/helpers/extends"),classNames=require("classnames"),lodash=require("lodash"),loadable=require("@loadable/component");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _extends__default=_interopDefaultLegacy(_extends),classNames__default=_interopDefaultLegacy(classNames),loadable__default=_interopDefaultLegacy(loadable),IMAGE_TYPE="wix-draft-plugin-image",IMAGE_TYPE_LEGACY="IMAGE",shouldDisableStyles=function(componentData,isMobile){var _ref=componentData.config||{},size=_ref.size,width=_ref.width;return!("inline"===size&&lodash.isNumber(width)&&width<=150)&&isMobile},alignmentClassName=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)])},sizeClassName=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))])},imageRenderDescriptor={component:loadable__default.default({resolved:{},chunkName:function(){return"image-viewer"},isReady:function(props){var key=this.resolve(props);return!0===this.resolved[key]&&("undefined"!=typeof __webpack_modules__&&!!__webpack_modules__[key])},importAsync:function(){return Promise.resolve().then((function(){return require(
-/* webpackChunkName: "image-viewer" */
-"./image-viewer.cjs.js")}))},requireAsync:function(props){var _this=this,key=this.resolve(props);return this.resolved[key]=!1,this.importAsync(props).then((function(resolved){return _this.resolved[key]=!0,resolved}))},requireSync:function requireSync(props){var id=this.resolve(props);return"undefined"!=typeof __webpack_require__?__webpack_require__(id):eval("module.require")(id)},resolve:function resolve(){return require.resolveWeak?require.resolveWeak("./image-viewer"):eval("require.resolve")("./image-viewer")}}),classNameStrategies:{size:sizeClassName,alignment:alignmentClassName}},typeMapper=function(){var _ref;return(_ref={})[IMAGE_TYPE_LEGACY]=imageRenderDescriptor,_ref[IMAGE_TYPE]=imageRenderDescriptor,_ref},DEFAULTS=Object.freeze({config:{alignment:"center",size:"content",showTitle:!0,showDescription:!0}}),SEO_IMAGE_WIDTH=1e3,pluginImage=function(config){return{config:_extends__default.default({},DEFAULTS.config,config),type:IMAGE_TYPE,typeMapper:typeMapper}};exports.DEFAULTS=DEFAULTS,exports.IMAGE_TYPE=IMAGE_TYPE,exports.SEO_IMAGE_WIDTH=SEO_IMAGE_WIDTH,exports.pluginImage=pluginImage,exports.typeMapper=typeMapper;
+"use strict";var _extends=require("@babel/runtime/helpers/extends"),loadable=require("@loadable/component"),wixRichContentCommon=require("wix-rich-content-common");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _extends__default=_interopDefaultLegacy(_extends),loadable__default=_interopDefaultLegacy(loadable),VIDEO_TYPE="wix-draft-plugin-video",VIDEO_TYPE_LEGACY="VIDEO-EMBED",DEFAULTS={config:{toolbar:{hidden:[]}},configViewer:{getVideoUrl:function(src){return"https://video.wixstatic.com/"+src.pathname}}},styles={video_player:"NjOn2",videoOverlay:"_3xYKn",video_container:"oUYOK"},containerClassName=function(theme){return wixRichContentCommon.mergeStyles({styles:styles,theme:theme}).video_container},typeMapper=function typeMapper(){var _ref;return _ref={},_ref[VIDEO_TYPE_LEGACY]={component:loadable__default.default({resolved:{},chunkName:function(){return"video-viewer"},isReady:function(props){var key=this.resolve(props);return!0===this.resolved[key]&&("undefined"!=typeof __webpack_modules__&&!!__webpack_modules__[key])},importAsync:function(){return Promise.resolve().then((function(){return require(
+/* webpackChunkName: "video-viewer" */
+"./video-viewer.cjs.js")}))},requireAsync:function(props){var _this=this,key=this.resolve(props);return this.resolved[key]=!1,this.importAsync(props).then((function(resolved){return _this.resolved[key]=!0,resolved}))},requireSync:function requireSync(props){var id=this.resolve(props);return"undefined"!=typeof __webpack_require__?__webpack_require__(id):eval("module.require")(id)},resolve:function resolve(){return require.resolveWeak?require.resolveWeak("./video-viewer"):eval("require.resolve")("./video-viewer")}}),classNameStrategies:{container:containerClassName}},_ref[VIDEO_TYPE]={component:loadable__default.default({resolved:{},chunkName:function(){return"video-viewer"},isReady:function(props){var key=this.resolve(props);return!0===this.resolved[key]&&("undefined"!=typeof __webpack_modules__&&!!__webpack_modules__[key])},importAsync:function(){return Promise.resolve().then((function(){return require(
+/* webpackChunkName: "video-viewer" */
+"./video-viewer.cjs.js")}))},requireAsync:function(props){var _this=this,key=this.resolve(props);return this.resolved[key]=!1,this.importAsync(props).then((function(resolved){return _this.resolved[key]=!0,resolved}))},requireSync:function requireSync(props){var id=this.resolve(props);return"undefined"!=typeof __webpack_require__?__webpack_require__(id):eval("module.require")(id)},resolve:function resolve(){return require.resolveWeak?require.resolveWeak("./video-viewer"):eval("require.resolve")("./video-viewer")}}),classNameStrategies:{container:containerClassName}},_ref},pluginVideo=function(config){return{config:_extends__default.default({},DEFAULTS.configViewer,config),type:VIDEO_TYPE,typeMapper:typeMapper}};exports.VIDEO_TYPE=VIDEO_TYPE,exports.pluginVideo=pluginVideo,exports.styles=styles,exports.typeMapper=typeMapper;

dist/loadable/viewer/cjs/viewer-loadable.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@babel/runtime/helpers/extends");var viewerLoadable=require("./viewer-loadable.cjs.js");require("classnames"),require("lodash"),require("@loadable/component"),exports.IMAGE_TYPE=viewerLoadable.IMAGE_TYPE,exports.imageTypeMapper=viewerLoadable.typeMapper,exports.pluginImage=viewerLoadable.pluginImage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@babel/runtime/helpers/extends");var viewerLoadable=require("./viewer-loadable.cjs.js");require("@loadable/component"),require("wix-rich-content-common"),exports.VIDEO_TYPE=viewerLoadable.VIDEO_TYPE,exports.pluginVideo=viewerLoadable.pluginVideo,exports.videoTypeMapper=viewerLoadable.typeMapper;

dist/loadable/viewer/es/viewer-loadable.js

@@ -1,1 +0,1 @@
-import"@babel/runtime/helpers/extends";export{I as IMAGE_TYPE,t as imageTypeMapper,p as pluginImage}from"./viewer-loadable2.js";import"classnames";import"lodash";import"@loadable/component";
+import"@babel/runtime/helpers/extends";export{V as VIDEO_TYPE,p as pluginVideo,t as videoTypeMapper}from"./viewer-loadable2.js";import"@loadable/component";import"wix-rich-content-common";

dist/loadable/viewer/es/viewer-loadable2.js

@@ -1,3 +0,5 @@
-import _extends from"@babel/runtime/helpers/extends";import classNames from"classnames";import{isNumber,upperFirst,camelCase}from"lodash";import loadable from"@loadable/component";var IMAGE_TYPE="wix-draft-plugin-image",IMAGE_TYPE_LEGACY="IMAGE",shouldDisableStyles=function(componentData,isMobile){var _ref=componentData.config||{},size=_ref.size,width=_ref.width;return!("inline"===size&&isNumber(width)&&width<=150)&&isMobile},alignmentClassName=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)])},sizeClassName=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))])},imageRenderDescriptor={component:loadable({resolved:{},chunkName:function(){return"image-viewer"},isReady:function(props){var key=this.resolve(props);return!0===this.resolved[key]&&("undefined"!=typeof __webpack_modules__&&!!__webpack_modules__[key])},importAsync:function(){return import(
-/* webpackChunkName: "image-viewer" */
-"./image-viewer.js")},requireAsync:function(props){var _this=this,key=this.resolve(props);return this.resolved[key]=!1,this.importAsync(props).then((function(resolved){return _this.resolved[key]=!0,resolved}))},requireSync:function requireSync(props){var id=this.resolve(props);return"undefined"!=typeof __webpack_require__?__webpack_require__(id):eval("module.require")(id)},resolve:function resolve(){return require.resolveWeak?require.resolveWeak("./image-viewer"):eval("require.resolve")("./image-viewer")}}),classNameStrategies:{size:sizeClassName,alignment:alignmentClassName}},typeMapper=function(){var _ref;return(_ref={})[IMAGE_TYPE_LEGACY]=imageRenderDescriptor,_ref[IMAGE_TYPE]=imageRenderDescriptor,_ref},DEFAULTS=Object.freeze({config:{alignment:"center",size:"content",showTitle:!0,showDescription:!0}}),SEO_IMAGE_WIDTH=1e3,pluginImage=function(config){return{config:_extends({},DEFAULTS.config,config),type:IMAGE_TYPE,typeMapper:typeMapper}};export{DEFAULTS as D,IMAGE_TYPE as I,SEO_IMAGE_WIDTH as S,pluginImage as p,typeMapper as t};
+import _extends from"@babel/runtime/helpers/extends";import loadable from"@loadable/component";import{mergeStyles}from"wix-rich-content-common";var VIDEO_TYPE="wix-draft-plugin-video",VIDEO_TYPE_LEGACY="VIDEO-EMBED",DEFAULTS={config:{toolbar:{hidden:[]}},configViewer:{getVideoUrl:function(src){return"https://video.wixstatic.com/"+src.pathname}}},styles={video_player:"NjOn2",videoOverlay:"_3xYKn",video_container:"oUYOK"},containerClassName=function(theme){return mergeStyles({styles:styles,theme:theme}).video_container},typeMapper=function typeMapper(){var _ref;return _ref={},_ref[VIDEO_TYPE_LEGACY]={component:loadable({resolved:{},chunkName:function(){return"video-viewer"},isReady:function(props){var key=this.resolve(props);return!0===this.resolved[key]&&("undefined"!=typeof __webpack_modules__&&!!__webpack_modules__[key])},importAsync:function(){return import(
+/* webpackChunkName: "video-viewer" */
+"./video-viewer.js")},requireAsync:function(props){var _this=this,key=this.resolve(props);return this.resolved[key]=!1,this.importAsync(props).then((function(resolved){return _this.resolved[key]=!0,resolved}))},requireSync:function requireSync(props){var id=this.resolve(props);return"undefined"!=typeof __webpack_require__?__webpack_require__(id):eval("module.require")(id)},resolve:function resolve(){return require.resolveWeak?require.resolveWeak("./video-viewer"):eval("require.resolve")("./video-viewer")}}),classNameStrategies:{container:containerClassName}},_ref[VIDEO_TYPE]={component:loadable({resolved:{},chunkName:function(){return"video-viewer"},isReady:function(props){var key=this.resolve(props);return!0===this.resolved[key]&&("undefined"!=typeof __webpack_modules__&&!!__webpack_modules__[key])},importAsync:function(){return import(
+/* webpackChunkName: "video-viewer" */
+"./video-viewer.js")},requireAsync:function(props){var _this=this,key=this.resolve(props);return this.resolved[key]=!1,this.importAsync(props).then((function(resolved){return _this.resolved[key]=!0,resolved}))},requireSync:function requireSync(props){var id=this.resolve(props);return"undefined"!=typeof __webpack_require__?__webpack_require__(id):eval("module.require")(id)},resolve:function resolve(){return require.resolveWeak?require.resolveWeak("./video-viewer"):eval("require.resolve")("./video-viewer")}}),classNameStrategies:{container:containerClassName}},_ref},pluginVideo=function(config){return{config:_extends({},DEFAULTS.configViewer,config),type:VIDEO_TYPE,typeMapper:typeMapper}};export{VIDEO_TYPE as V,pluginVideo as p,styles as s,typeMapper as t};

dist/module.cjs.js

@@ -1,2 +0,2 @@
-"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})}}}}}}}])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=require("@babel/runtime/helpers/extends"),_objectWithoutPropertiesLoose=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),wixRichContentPluginCommons=require("wix-rich-content-plugin-commons"),wixRichContentEditorCommon=require("wix-rich-content-editor-common"),React=require("react"),_inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),wixRichContentUiComponents=require("wix-rich-content-ui-components"),wixRichContentCommon=require("wix-rich-content-common"),ReactPlayer=require("react-player"),classNames=require("classnames"),ReactDOM=require("react-dom"),lodash=require("lodash"),_assertThisInitialized=require("@babel/runtime/helpers/assertThisInitialized"),pluginVideoSchema=require("wix-rich-content-common/dist/statics/schemas/plugin-video.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 _ModalsMap,_extends__default=_interopDefaultLegacy(_extends),_objectWithoutPropertiesLoose__default=_interopDefaultLegacy(_objectWithoutPropertiesLoose),React__default=_interopDefaultLegacy(React),_inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),ReactPlayer__default=_interopDefaultLegacy(ReactPlayer),classNames__default=_interopDefaultLegacy(classNames),ReactDOM__default=_interopDefaultLegacy(ReactDOM),_assertThisInitialized__default=_interopDefaultLegacy(_assertThisInitialized),pluginVideoSchema__default=_interopDefaultLegacy(pluginVideoSchema),InsertPluginIcon$1=function(props){return React__default.default.createElement("svg",Object.assign({xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 19 19",width:"19",height:"19"},props),React__default.default.createElement("defs",null,React__default.default.createElement("path",{id:"video-icon-path",d:"M14 7l2.842-1.421A.8.8 0 0 1 18 6.294v6.412a.8.8 0 0 1-1.158.715L14 12v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v2zm0 3.9l2.708 1.354a.2.2 0 0 0 .29-.179V6.922a.2.2 0 0 0-.29-.178L14 8.098V10.9zM2 5v9h11V5H2z"})),React__default.default.createElement("g",{fillRule:"evenodd"},React__default.default.createElement("mask",{id:"video-icon-mask"},React__default.default.createElement("use",{xlinkHref:"#video-icon-path"})),React__default.default.createElement("use",{fillRule:"nonzero",xlinkHref:"#video-icon-path"})))},InsertPluginIcon=function(props){return React__default.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19"},props),React__default.default.createElement("path",{d:"M5.2,9 L5.8,9 C5.9104569,9 6,9.05969537 6,9.13333333 L6,14.8666667 C6,14.9403046 5.9104569,15 5.8,15 L5.2,15 C5.0895431,15 5,14.9403046 5,14.8666667 L5,9.13333333 C5,9.05969537 5.0895431,9 5.2,9 Z M3.2,8 L3.8,8 C3.9104569,8 4,8.06268014 4,8.14 L4,14.86 C4,14.9373198 3.9104569,15 3.8,15 L3.2,15 C3.0895431,15 3,14.9373198 3,14.86 L3,8.14 C3,8.06268014 3.0895431,8 3.2,8 Z M1.2,10 L1.8,10 C1.91045695,10 2,10.0447715 2,10.1 L2,13.9 C2,13.9552284 1.91045695,14 1.8,14 L1.2,14 C1.08954305,14 1,13.9552284 1,13.9 L1,10.1 C1,10.0447715 1.08954305,10 1.2,10 Z M18,11.6153846 C18,13.4846561 16.4846561,15 14.6153846,15 L7.84615385,15 C7.37883602,15 7,14.621164 7,14.1538462 L7,4.84615385 C8.1282051,4.28205128 9.39743587,4 10.8076923,4 C12.9089391,4 15.0384615,6.12783884 15.0384615,8.23076923 C16.7079981,8.4650878 18,9.8893546 18,11.6153846 Z M8,14 L14.5454545,14 C15.9010625,14 17,12.9010625 17,11.5454545 C17,10.3050264 16.0718944,9.25574738 14.8408286,9.08296796 L14.1363636,8.98409667 L14.1363636,8.27272727 C14.1363636,6.69177453 12.4441412,5 10.8636364,5 C9.81175629,5 8.85922746,5.17619715 8,5.52684396 L8,14 Z"}))},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"})))},YoutubeIcon=function(props){return React__default.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19"},props),React__default.default.createElement("path",{fillRule:"evenodd",d:"M9.783 3.126c1.117.006 5.217.049 6.359.357.731.196 1.307.776 1.503 1.512C18 6.33 18 9.114 18 9.114s0 2.784-.355 4.118c-.196.736-.772 1.316-1.503 1.513-1.215.327-5.784.355-6.537.357h-.21c-.753-.002-5.322-.03-6.537-.357-.731-.197-1.307-.777-1.503-1.513-.317-1.191-.35-3.538-.355-4.028v-.181c.004-.49.038-2.836.355-4.028.196-.736.772-1.316 1.503-1.512C4 3.175 8.1 3.132 9.218 3.126zM7.76 6.586v5.055l4.444-2.527L7.76 6.586z"}))},styles$3={video_modal_container_big:"_4hyfK",video_modal_container_small:"Wdxcn",video_modal_closeIcon:"_1P3Vk",video_modal_errorIcon:"_4U647",video_modal_header:"_2wuD-",video_modal_header_text:"_35sJQ",video_modal_textInput_customWidth:"_167aE",video_modal_textInput_fullWidth:"cn4jv",video_modal_add_a_Video:"_30xCH",video_modal_or_upload_video_from:"_3Q6uE",video_modal_upload_video:"_20AZa",video_modal_input_button_wrapper:"EmpUt",video_modal_add_button_wrapper:"P3PzB",video_modal_add_button_inline:"_2Z_Pe",video_modal_add_button_inMiddle:"_3TrUw",textInput_input:"_1cb7K",textInput_input_invalid:"_1P6p9",fileInput:"_1qYoT",fileInputLabel:"_30dNJ"},VIDEO_TYPE="wix-draft-plugin-video",videoButtonsTypes={video:"video",soundCloud:"soundCloud",youTube:"youTube"},mediaTypes=[videoButtonsTypes.soundCloud,videoButtonsTypes.youTube],VideoSelectionInputModal=function(_Component){function VideoSelectionInputModal(props){var _this;(_this=_Component.call(this,props)||this).onUrlChange=function(url){return _this.setState({url:url,showError:!1})},_this.onUrlVideoSelection=function(){var _helpers$onVideoSelec,_this$props=_this.props,componentData=_this$props.componentData,helpers=_this$props.helpers,_this$state$url=_this.state.url,src=(void 0===_this$state$url?"":_this$state$url).trim();if(wixRichContentCommon.isValidExactUrl(src)&&ReactPlayer__default.default.canPlay(src)){delete componentData.isCustomVideo;var data=_extends__default.default({},componentData,{tempData:!1,src:src});_this.onConfirm(data),null==helpers||null===(_helpers$onVideoSelec=helpers.onVideoSelected)||void 0===_helpers$onVideoSelec||_helpers$onVideoSelec.call(helpers,src,(function(metadata){return setTimeout((function(){return _this.updateComponentData(_extends__default.default({},data,{metadata:metadata}))}))}),0),_this.closeModal()}else _this.setState({showError:!0})},_this.onUrlInputDoubleClick=function(){_this.setState({url:"https://www.youtube.com/watch?v=vzKryaN44ss"})},_this.closeModal=function(){_this.setState({isOpen:!1}),_this.props.helpers.closeModal()},_this.handleKeyPress=function(e){e.charCode===wixRichContentEditorCommon.KEYS_CHARCODE.ENTER&&_this.onUrlVideoSelection()},_this.getOnUploadFinished=function(isCustomVideo){return function(_ref){var data=_ref.data,error=_ref.error;_this.setComponentData(_extends__default.default({},data,{error:error,isCustomVideo:isCustomVideo}))}},_this.addVideoComponent=function(_ref2,isCustomVideo){var data=_ref2.data,error=_ref2.error;void 0===isCustomVideo&&(isCustomVideo=!1),wixRichContentPluginCommons.handleUploadFinished(VIDEO_TYPE,_this.getComponentData,data,error,(function(_ref3){var data=_ref3.data,error=_ref3.error;return _this.onConfirm(_extends__default.default({},data,{error:error,isCustomVideo:isCustomVideo}))}))},_this.setComponentData=function(data){_this.props.pubsub.set("componentData",data,_this.blockKey)},_this.updateComponentData=function(data){_this.props.pubsub.update("componentData",data,_this.blockKey)},_this.onLocalLoad=function(_ref4){var src=_ref4.src,tempData=_ref4.tempData;_this.onConfirm(_extends__default.default({},_this.props.componentData,{src:src,isCustomVideo:!0,tempData:tempData}))},_this.getComponentData=function(){return _this.props.componentData},_this.handleNativeFileUpload=function(){wixRichContentPluginCommons.handleUploadStart(_this.props,_this.getComponentData,_this.inputFile.files[0],_this.onLocalLoad,_this.getOnUploadFinished(!0)),_this.closeModal()},_this.styles=wixRichContentCommon.mergeStyles({styles:styles$3,theme:props.theme});var _componentData=_this.props.componentData;_this.state={url:!_componentData.isCustomVideo&&_componentData.src||""},_this.id="VideoUploadModal_FileInput_"+Math.floor(9999*Math.random());var onConfirm=props.onConfirm,onReplace=props.onReplace;return _this.blockKey=_this.getFocusedBlockKey(),_this.onConfirm=function(obj){if(onConfirm){var newBlock=onConfirm(obj).newBlock;_this.blockKey=newBlock.key}else onReplace(obj,_this.blockKey)},_this}_inheritsLoose__default.default(VideoSelectionInputModal,_Component);var _proto=VideoSelectionInputModal.prototype;return _proto.getFocusedBlockKey=function(){return this.props.pubsub.get("focusedBlock")},_proto.componentDidMount=function(){this.input.focus(),this.input.setSelectionRange(0,this.input.value.length)},_proto.render=function(){var _this2=this,_this$state=this.state,url=_this$state.url,showError=_this$state.showError,_this$props2=this.props,t=_this$props2.t,handleFileSelection=_this$props2.handleFileSelection,handleFileUpload=_this$props2.handleFileUpload,enableCustomUploadOnMobile=_this$props2.enableCustomUploadOnMobile,isMobile=_this$props2.isMobile,languageDir=_this$props2.languageDir;_this$props2.componentData;var handleClick,theme=_this$props2.theme,styles=this.styles,hasCustomFileUpload=handleFileUpload||handleFileSelection;handleFileSelection&&(handleClick=function(evt){return evt.preventDefault(),handleFileSelection((function(_ref5){var data=_ref5.data,error=_ref5.error;_this2.addVideoComponent({data:data,error:error},!0),_this2.closeModal()}))});var uploadVideoSection=React__default.default.createElement("div",null,React__default.default.createElement("div",{className:styles.video_modal_or_upload_video_from},t("VideoUploadModal_CustomVideoHeader")),React__default.default.createElement("div",{className:styles.video_modal_upload_video},React__default.default.createElement("input",{id:this.id,type:"file",accept:"video/*",className:styles.fileInput,ref:function(node){return _this2.inputFile=node},onClick:handleClick,onChange:this.handleNativeFileUpload}),React__default.default.createElement("label",{htmlFor:this.id,className:styles.fileInputLabel,role:"button","data-hook":"videoUploadModalCustomVideo",tabIndex:0},"+ ",t("VideoUploadModal_CustomVideoClickText"))));return React__default.default.createElement("div",{dir:languageDir},React__default.default.createElement("div",{className:styles["video_modal_container_"+(hasCustomFileUpload?"big":"small")],"data-hook":"videoUploadModal"},React__default.default.createElement(wixRichContentUiComponents.CloseIcon,{className:styles.video_modal_closeIcon,onClick:function(){return _this2.closeModal()}}),React__default.default.createElement("h2",{className:styles.video_modal_add_a_Video},t("VideoUploadModal_Title")),React__default.default.createElement("div",{role:"heading","aria-level":3,"aria-labelledby":"video_modal_hdr",className:styles.video_modal_header},React__default.default.createElement("h3",{id:"video_modal_hdr",className:styles.video_modal_header_text},t("VideoUploadModal_Header"))),React__default.default.createElement("div",{className:styles.video_modal_input_button_wrapper},React__default.default.createElement("div",{className:styles["video_modal_textInput_"+(hasCustomFileUpload?"customWidth":"fullWidth")]},React__default.default.createElement(wixRichContentUiComponents.TextInput,{inputRef:function(ref){_this2.input=ref},type:"url",onKeyPress:this.handleKeyPress,onChange:this.onUrlChange,onDoubleClick:this.onUrlInputDoubleClick,value:url,error:showError?t("VideoUploadModal_Input_InvalidUrl"):null,placeholder:t("VideoUploadModal_Input_Placeholder"),theme:styles,"data-hook":"videoUploadModalInput"})),React__default.default.createElement("div",{className:styles.video_modal_add_button_wrapper},React__default.default.createElement(wixRichContentUiComponents.Button,{disabled:!this.state.url,theme:_extends__default.default({},styles,theme),dataHook:"videoUploadModalAddButton",onClick:this.onUrlVideoSelection,text:t("VideoUploadModal_AddButtonText"),size:isMobile?wixRichContentUiComponents.BUTTON_SIZE.medium:wixRichContentUiComponents.BUTTON_SIZE.small}))),(!isMobile||enableCustomUploadOnMobile)&&hasCustomFileUpload&&uploadVideoSection))},VideoSelectionInputModal}(React.Component),Styles={separator:"_3hKgB",videoSettingsTitle:"_31P16",videoSettings_toggleContainer:"_3RIrx",videoSettings_mobile:"_13GtL"},Modals={VIDEO_SELECTION_INPUT:"video-selection-input",VIDEO_SETTINGS:"video-settings"},ModalsMap=((_ModalsMap={})[Modals.VIDEO_SELECTION_INPUT]=VideoSelectionInputModal,_ModalsMap[Modals.VIDEO_SETTINGS]=function(_ref){var _componentData$config,_componentData$config2,_classNames,componentData=_ref.componentData,helpers=_ref.helpers,pubsub=_ref.pubsub,theme=_ref.theme,t=_ref.t,isMobile=_ref.isMobile,settings=_ref.settings,disableDownload=void 0!==componentData.disableDownload?componentData.disableDownload:!!settings.disableDownload,isSpoilered=null===(_componentData$config=componentData.config)||void 0===_componentData$config||null===(_componentData$config2=_componentData$config.spoiler)||void 0===_componentData$config2?void 0:_componentData$config2.enabled,_useState=React.useState(!disableDownload),isDownloadEnabled=_useState[0],setIsDownloadEnabled=_useState[1],_useState2=React.useState(isSpoilered),isSpoilerEnabled=_useState2[0],setIsSpoilerEnabled=_useState2[1],styles=wixRichContentCommon.mergeStyles({styles:Styles,theme:theme}),closeModal=function(){var _helpers$closeModal;return null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal?void 0:_helpers$closeModal.call(helpers)},getSpoilerConfig=function(enabled){return{config:_extends__default.default({},componentData.config,{spoiler:{enabled:enabled}})}},onDoneClick=function(){var newComponentData=_extends__default.default({},componentData,{disableDownload:!isDownloadEnabled},getSpoilerConfig(isSpoilerEnabled));pubsub.update("componentData",newComponentData),closeModal()},isCustomVideo=!!componentData.isCustomVideo,spoilerToggle={toggleKey:"isSpoilerEnabled",labelKey:"VideoSettings_Spoiler_Toggle",dataHook:"videoSpoilerToggle",tooltipText:"Spoiler_Toggle_Tooltip",checked:isSpoilerEnabled,onToggle:function(){var value=!isSpoilerEnabled;setIsSpoilerEnabled(value),pubsub.update("componentData",_extends__default.default({},componentData,getSpoilerConfig(value)))}},toggleData=isCustomVideo?[{toggleKey:"isDownloadEnabled",labelKey:"VideoPlugin_Settings_VideoCanBeDownloaded_Label",dataHook:"videoDownloadToggle",tooltipText:"VideoPlugin_Settings_VideoCanBeDownloaded_Tooltip",checked:isDownloadEnabled,onToggle:function(){return setIsDownloadEnabled(!isDownloadEnabled)}}]:[];return settings.spoiler&&toggleData.push(spoilerToggle),React__default.default.createElement("div",{"data-hook":"settings",className:classNames__default.default(styles.videoSettings,(_classNames={},_classNames[styles.videoSettings_mobile]=isMobile,_classNames))},isMobile?React__default.default.createElement(wixRichContentUiComponents.SettingsMobileHeader,{t:t,theme:theme,onCancel:closeModal,onSave:onDoneClick}):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{className:styles.videoSettingsTitle},t("VideoPlugin_Settings_Header")),React__default.default.createElement("div",{className:styles.separator})),React__default.default.createElement(wixRichContentUiComponents.SettingsSection,{theme:theme,className:classNames__default.default(styles.videoSettings_toggleContainer)},toggleData.map((function(_ref2){var toggleKey=_ref2.toggleKey,labelKey=_ref2.labelKey,tooltipText=_ref2.tooltipText,dataHook=_ref2.dataHook,onToggle=_ref2.onToggle,checked=_ref2.checked;return React__default.default.createElement(wixRichContentUiComponents.LabeledToggle,{key:toggleKey,theme:theme,checked:checked,label:t(labelKey),onChange:onToggle,tooltipText:t(tooltipText),dataHook:dataHook})}))),!isMobile&&React__default.default.createElement(wixRichContentUiComponents.SettingsPanelFooter,{fixed:!0,theme:theme,cancel:closeModal,save:onDoneClick,t:t}))},_ModalsMap),MediaURLInputModal$1=function(_Component){function MediaURLInputModal(props){var _this;(_this=_Component.call(this,props)||this).onConfirm=function(){var url=_this.state.url;if(url&&ReactPlayer__default.default.canPlay(url)){var _helpers$closeModal,_this$props=_this.props,_componentData=_this$props.componentData,helpers=_this$props.helpers,pubsub=_this$props.pubsub,onConfirm=_this$props.onConfirm;onConfirm?onConfirm(_extends__default.default({},_componentData,{src:url})):pubsub.update("componentData",{src:url}),helpers&&helpers.onVideoSelected&&helpers.onVideoSelected(url,(function(data){return pubsub.update("componentData",{metadata:_extends__default.default({},data)})})),null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal||_helpers$closeModal.call(helpers)}else _this.setState({submittedInvalidUrl:!0})},_this.getRenderData=function(){var _this$props2=_this.props,t=_this$props2.t,isMobile=_this$props2.isMobile,type=_this$props2.componentData.type,isYouTube=type===videoButtonsTypes.youTube,isSoundCloud=type===videoButtonsTypes.soundCloud;return{title:isYouTube?"EmbedURL_Social_YouTube_Title":isSoundCloud&&(isMobile?"SoundCloudUploadModal_Header_Mobile":"SoundCloudUploadModal_Header"),placeholder:isYouTube?t("EmbedURL_Social_YouTube_Placeholder"):isSoundCloud&&t("SoundCloudUploadModal_Input_Placeholder"),dataHook:isYouTube?"socialEmbedUploadModal":isSoundCloud?"soundCloudUploadModal":""}};var componentData=_this.props.componentData;return _this.state={url:componentData.src||"",submittedInvalidUrl:!1},_this}return _inheritsLoose__default.default(MediaURLInputModal,_Component),MediaURLInputModal.prototype.render=function(){var _this2=this,_this$state=this.state,url=_this$state.url,submittedInvalidUrl=_this$state.submittedInvalidUrl,_this$props3=this.props,t=_this$props3.t,languageDir=_this$props3.languageDir,helpers=_this$props3.helpers,_this$getRenderData=this.getRenderData(),title=_this$getRenderData.title,placeholder=_this$getRenderData.placeholder,dataHook=_this$getRenderData.dataHook;return React__default.default.createElement(wixRichContentUiComponents.UrlInputModal,{onConfirm:this.onConfirm,input:url,t:t,languageDir:languageDir,title:t(""+title),submittedInvalidUrl:submittedInvalidUrl,dataHook:dataHook,onInputChange:function(url){return _this2.setState({url:url})},errorMessage:t("SoundCloudUploadModal_Input_InvalidUrl"),placeholder:placeholder,onCloseRequested:helpers.closeModal,buttonSize:wixRichContentUiComponents.BUTTON_SIZE.medium})},MediaURLInputModal}(React.Component),VideoUploadModal=function(_Component){function VideoUploadModal(props){var _this;(_this=_Component.call(this,props)||this).closeModal=function(){_this.setState({isOpen:!1}),_this.props.helpers.closeModal()},_this.getOnUploadFinished=function(isCustomVideo){return function(_ref){var data=_ref.data,error=_ref.error;_this.setComponentData(_extends__default.default({},data,{error:error,isCustomVideo:isCustomVideo}))}},_this.addVideoComponent=function(_ref2,isCustomVideo){var data=_ref2.data,error=_ref2.error;void 0===isCustomVideo&&(isCustomVideo=!1),wixRichContentPluginCommons.handleUploadFinished(VIDEO_TYPE,_this.getComponentData,data,error,(function(_ref3){var data=_ref3.data,error=_ref3.error;return _this.onConfirm(_extends__default.default({},data,{error:error,isCustomVideo:isCustomVideo}))}))},_this.setComponentData=function(data){_this.props.pubsub.set("componentData",data,_this.blockKey)},_this.onLocalLoad=function(_ref4){var src=_ref4.src,tempData=_ref4.tempData;_this.onConfirm(_extends__default.default({},_this.props.componentData,{src:src,isCustomVideo:!0,tempData:tempData}))},_this.setInputFile=function(ref){return _this.inputFile=ref},_this.getComponentData=function(){return _this.props.componentData},_this.handleNativeFileUpload=function(){wixRichContentPluginCommons.handleUploadStart(_this.props,_this.getComponentData,_this.inputFile.files[0],_this.onLocalLoad,_this.getOnUploadFinished(!0)),_this.closeModal()};var componentData=_this.props.componentData;_this.state={url:!componentData.isCustomVideo&&componentData.src||""},_this.id="VideoUploadModal_FileInput_"+Math.floor(9999*Math.random());var onConfirm=props.onConfirm,onReplace=props.onReplace;return _this.onConfirm=function(obj){if(onConfirm){var newBlock=onConfirm(obj).newBlock;_this.blockKey=newBlock.key}else onReplace(obj,_this.blockKey)},_this}return _inheritsLoose__default.default(VideoUploadModal,_Component),VideoUploadModal.prototype.render=function(){var handleClick,_this2=this,_this$props=this.props,t=_this$props.t,handleFileSelection=_this$props.handleFileSelection,handleFileUpload=_this$props.handleFileUpload,enableCustomUploadOnMobile=_this$props.enableCustomUploadOnMobile,isMobile=_this$props.isMobile,languageDir=_this$props.languageDir,showUploadSection=(!isMobile||enableCustomUploadOnMobile)&&(handleFileUpload||handleFileSelection);return handleFileSelection&&(handleClick=function(evt){return evt.preventDefault(),handleFileSelection((function(_ref5){var data=_ref5.data,error=_ref5.error;_this2.addVideoComponent({data:data,error:error},!0),_this2.closeModal()}))}),React__default.default.createElement(wixRichContentUiComponents.MediaUploadModal,{id:this.id,isMobile:isMobile,inputFileRef:this.setInputFile,handleClick:handleClick,handleNativeFileUpload:this.handleNativeFileUpload,languageDir:languageDir,title:t("VideoCustomUploadModal_Title"),labelText:t("VideoUploadModal_CustomVideoClickText"),dataHook:"videoUploadModalCustomVideo",showUploadSection:showUploadSection,accept:"video/*"})},VideoUploadModal}(React.Component),MediaURLInputModal=function(_ref){var t=_ref.t,languageDir=_ref.languageDir,helpers=_ref.helpers,isMobile=_ref.isMobile,url=_ref.url,submittedInvalidUrl=_ref.submittedInvalidUrl,setUrl=_ref.setUrl,_ref$withMobileHeader=_ref.withMobileHeader,withMobileHeader=void 0!==_ref$withMobileHeader&&_ref$withMobileHeader,onConfirm=_ref.onConfirm,dataHook=_ref.dataHook,title=_ref.title,subTitle=_ref.subTitle,saveLabel=_ref.saveLabel,onDblClick=_ref.onDblClick;return React__default.default.createElement(wixRichContentUiComponents.NewUrlInputModal,{onConfirm:onConfirm,helpers:helpers,input:url,t:t,languageDir:languageDir,title:title,subTitle:subTitle,submittedInvalidUrl:submittedInvalidUrl,dataHook:dataHook,saveLabel:saveLabel,onInputChange:function(url){return setUrl(url)},errorMessage:t("SoundCloudUploadModal_Input_InvalidUrl"),placeholder:t("EmbedURL_Placeholder"),onCloseRequested:helpers.closeModal,buttonSize:wixRichContentUiComponents.BUTTON_SIZE.medium,isMobile:isMobile,withMobileHeader:withMobileHeader,onDblClick:onDblClick})},styles$2={video_modal_container:"_3jdGM",video_modal_content:"GIPKX",video_modal_tab:"_3Dnt_",video_upload_tab:"_1wXO_",fileInput:"_1W3aw",video_modal_add_button_inline:"_33b75",fileInputLabel:"_6ZyY2"},VideoModal$1=function(props){var _props$componentData=props.componentData,isCustomVideo=_props$componentData.isCustomVideo,src=_props$componentData.src,type=_props$componentData.type,closeModal=props.helpers.closeModal,t=props.t,theme=props.theme,isMobile=props.isMobile,videoTabs={embed:t("VideoModal_Tabs_Embed"),upload:t("VideoModal_Tabs_Upload")},initialUrl=isCustomVideo?"":src||"",_useState=React.useState(isCustomVideo?videoTabs.upload:videoTabs.embed),activeTab=_useState[0],setActiveTab=_useState[1],_useState2=React.useState(initialUrl),url=_useState2[0],setUrl=_useState2[1],_useState3=React.useState(!1),submittedInvalidUrl=_useState3[0],setSubmittedInvalidUrl=_useState3[1],isSoundCloud=type===videoButtonsTypes.soundCloud,onUrlInputDoubleClick=function(){return setUrl("https://www.youtube.com/watch?v=vzKryaN44ss")},onConfirm=function(){if(url&&ReactPlayer__default.default.canPlay(url)){var componentData=props.componentData,helpers=props.helpers,pubsub=props.pubsub,_onConfirm=props.onConfirm;_onConfirm?_onConfirm(_extends__default.default({},componentData,{src:url,isCustomVideo:!1})):pubsub.update("componentData",{src:url,isCustomVideo:!1}),helpers&&helpers.onVideoSelected&&helpers.onVideoSelected(url,(function(data){return pubsub.update("componentData",{metadata:_extends__default.default({},data)})})),null==closeModal||closeModal()}else setSubmittedInvalidUrl(!0)},dataHook=isSoundCloud?"soundCloudUploadModal":"videoMediaUrlModal",title=isSoundCloud?t(isMobile?"SoundCloudUploadModal_Header_Mobile":"SoundCloudUploadModal_Header"):null,renderMediaUrlInputModal=function(){return React__default.default.createElement(MediaURLInputModal,Object.assign({},props,{onConfirm:onConfirm,url:url,setUrl:setUrl,submittedInvalidUrl:submittedInvalidUrl,withMobileHeader:isSoundCloud,dataHook:dataHook,title:isSoundCloud&&title,saveLabel:t(isSoundCloud?"Embed_Add_Button_Label":"VideoModal_Embed_ButtonText"),subTitle:!isSoundCloud&&t("VideoModal_Embed_Title"),onDblClick:onUrlInputDoubleClick}))};return isSoundCloud?renderMediaUrlInputModal():React__default.default.createElement("div",{className:styles$2.video_modal_container},React__default.default.createElement("div",{className:styles$2.video_modal_content},isMobile&&React__default.default.createElement(wixRichContentUiComponents.SettingsMobileHeader,{theme:theme,onSave:onConfirm,onCancel:function(){return closeModal()},t:t,title:t("VideoModal_MobileHeader")}),React__default.default.createElement(wixRichContentUiComponents.Tabs,{value:activeTab,onTabSelected:function(tab){return setActiveTab(tab)},className:styles$2.video_modal_tabs_header,theme:theme},React__default.default.createElement(wixRichContentUiComponents.Tab,{label:videoTabs.embed,value:videoTabs.embed,theme:theme},React__default.default.createElement("div",{className:styles$2.video_modal_tab},renderMediaUrlInputModal())),React__default.default.createElement(wixRichContentUiComponents.Tab,{label:videoTabs.upload,value:videoTabs.upload,theme:theme},React__default.default.createElement("div",{className:classNames__default.default(styles$2.video_modal_tab,styles$2.video_upload_tab)},React__default.default.createElement(VideoUploadModal,Object.assign({},props)))))))},VideoModal=function(props){var _experiments$newVideo,type=props.componentData.type,experiments=props.experiments,useNewModal=null==experiments||null===(_experiments$newVideo=experiments.newVideoModal)||void 0===_experiments$newVideo?void 0:_experiments$newVideo.enabled,oldVideoModal=mediaTypes.includes(type)?MediaURLInputModal$1:VideoSelectionInputModal,Component=useNewModal?VideoModal$1:oldVideoModal;return React__default.default.createElement(Component,props)},SelectionModalCustomStyle={content:{maxWidth:"580px",minHeight:"260px"}},ExtendedSelectionModalCustomStyle={content:{maxWidth:"580px",minHeight:"378px"}},modalContentStyles={width:363,padding:20,boxSizing:"border-box",border:"solid 1px rgba(51, 51, 51, 0.1)",borderRadius:"var(--ricos-settings-whitebox-border-radius, 2px)",boxShadow:"var(--ricos-settings-whitebox-box-shadow, 0 0 10px 0 rgba(0, 0, 0, 0.06))"},videoModalContentStyles=_extends__default.default({height:232},modalContentStyles),embedModalContentStyles=_extends__default.default({height:180},modalContentStyles),createInlineButtons=function(_ref){var _settings$toolbar,_settings$toolbar$ico,t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,spoilerInInlineToolbar=experiments.spoilerInInlineToolbar,newVideoModal=experiments.newVideoModal,useNewModal=null==newVideoModal?void 0:newVideoModal.enabled,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.replace)||MediaReplaceIcon,defaultCustomStyles=isMobile&&!settings.enableCustomUploadOnMobile||!settings.handleFileSelection&&!settings.handleFileUpload?SelectionModalCustomStyle:ExtendedSelectionModalCustomStyle,newModalCustomStyles=isMobile?wixRichContentUiComponents.MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends__default.default({},wixRichContentUiComponents.DesktopFlyOutModalStyles,{content:videoModalContentStyles}),customStyles=useNewModal?newModalCustomStyles:defaultCustomStyles,spoilerButton=settings.spoiler&&null!=spoilerInInlineToolbar&&spoilerInInlineToolbar.enabled?[{keyName:"spoiler",type:wixRichContentPluginCommons.BUTTONS.SPOILER,mobile:!0}]:[],settingsButton=null!=spoilerInInlineToolbar&&spoilerInInlineToolbar.enabled?[]:[{keyName:"settings",type:wixRichContentPluginCommons.BUTTONS.VIDEO_SETTINGS,fullHeight:!0,icon:wixRichContentPluginCommons.PluginSettingsIcon,modalName:Modals.VIDEO_SETTINGS,modalStyles:wixRichContentEditorCommon.getModalStyles({isMobile:isMobile}),t:t,mobile:!0,tooltipTextKey:"SettingsButton_Tooltip",settings:settings,triggerSettingsBi:!0,pluginId:VIDEO_TYPE}];return[{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:"sizeSmallLeft",type:wixRichContentPluginCommons.BUTTONS.SIZE_SMALL_LEFT,mobile:!1},{keyName:"sizeSimallRight",type:wixRichContentPluginCommons.BUTTONS.SIZE_SMALL_RIGHT,mobile:!1},{keyName:"separator2",type:wixRichContentPluginCommons.BUTTONS.SEPARATOR,mobile:!1}].concat(spoilerButton,[{keyName:"replace",type:wixRichContentPluginCommons.BUTTONS.EXTERNAL_MODAL,icon:icon,modalElement:wixRichContentEditorCommon.decorateComponentWithProps(VideoModal,_extends__default.default({},settings)),modalStylesFn:function(_ref2){var buttonRef=_ref2.buttonRef,modalStyles=wixRichContentEditorCommon.getModalStyles({customStyles:customStyles,fullScreen:!0,isMobile:isMobile}),_buttonRef$getBoundin=buttonRef.getBoundingClientRect(),top=_buttonRef$getBoundin.top,modalLeft=_buttonRef$getBoundin.left-15,modalTop=top>250?top-250:top+38;return _extends__default.default({},modalStyles,{content:_extends__default.default({},modalStyles.content,{top:modalTop,left:modalLeft,margin:0,position:"absolute"})})},modalStyles:isMobile?wixRichContentEditorCommon.getModalStyles({customStyles:wixRichContentUiComponents.MOBILE_FULL_SCREEN_CUSTOM_STYLE,fullScreen:!0,isMobile:isMobile}):void 0,mobile:!0,tooltipTextKey:"ReplaceVideoButton_Tooltip",t:t}],settingsButton,[{keyName:"delete",type:wixRichContentPluginCommons.BUTTONS.DELETE,mobile:!0}])},ReactPlayerWrapper=function(_Component){function ReactPlayerWrapper(props){var _this;return(_this=_Component.call(this,props)||this).isVimeoAndRequireJS=function(){return!wixRichContentCommon.isSSR()&&(url=_this.props.url,MATCH_URL=/vimeo\.com\/.+/,!/vimeo\.com\/external\/[0-9]+\..+/.test(url)&&MATCH_URL.test(url))&&!window.Vimeo&&window.requirejs;var url,MATCH_URL},_this.state={vimeoLoaded:!1,isPlaying:!1},_this}_inheritsLoose__default.default(ReactPlayerWrapper,_Component);var _proto=ReactPlayerWrapper.prototype;return _proto.componentDidMount=function(){var _this2=this;this.isVimeoAndRequireJS()&&window.require(["https://player.vimeo.com/api/player.js"],(function(player){window.Vimeo={Player:player},_this2.setState({vimeoLoaded:!0})}))},_proto.render=function(){var _this3=this;if(!this.state.vimeoLoaded&&this.isVimeoAndRequireJS())return null;var _this$props=this.props,isPlayable=_this$props.isPlayable,styles=_this$props.styles,disabled=_this$props.disabled;return React__default.default.createElement(ReactPlayer__default.default,_extends__default.default({playing:this.state.isPlaying&&!disabled,onPlay:function(){return _this3.setState({isPlaying:!0})},onPause:function(){return _this3.setState({isPlaying:!1})},style:styles},this.props,{light:!isPlayable}))},ReactPlayerWrapper}(React.Component);ReactPlayerWrapper.defaultProps={isPlayable:!0};var getVideoSrc=function(src,settings){if(void 0===settings&&(settings={}),"object"==typeof src){if(settings&&settings.getVideoUrl)return settings.getVideoUrl(src);console.error("must set getVideoUrl in plugin config when using custom video source!",src)}return src},styles$1={video_player:"NjOn2",videoOverlay:"_3xYKn",video_container:"oUYOK"},VideoViewer=function(_Component){function VideoViewer(props){var _this;(_this=_Component.call(this,props)||this).setUrl=function(newUrl){var _this$props$onReload,_this$props,url=_this.normalizeUrl(newUrl);url!==_this.state.url&&(_this.setState({url:url}),null===(_this$props$onReload=(_this$props=_this.props).onReload)||void 0===_this$props$onReload||_this$props$onReload.call(_this$props))},_this.normalizeUrl=function(url){return 0===url.toLowerCase().indexOf("vimeo")?"https://"+url:url},_this.findFormalVideoRatio=function(ratio){var target,baseRatios=[1,5/4,4/3,1.5,1.6,16/9,1.85,2,2.35,2.39,3],videoRatios=[].concat(baseRatios,baseRatios.map((function(x){return 1/x}))),closest=(target=ratio,videoRatios.reduce((function(prev,curr){return Math.abs(curr-target)<Math.abs(prev-target)?curr:prev})));return Math.abs(closest-ratio)>.01?ratio:closest},_this.getVideoRatio=function(wrapper){var element=wrapper.querySelector("iframe, video");return _this.findFormalVideoRatio(element.clientHeight/element.clientWidth)},_this.onReactPlayerReady=function(){var _this$props$onReady,_this$props2,wrapper=ReactDOM__default.default.findDOMNode(_assertThisInitialized__default.default(_this)).parentNode,ratio=_this.getVideoRatio(wrapper);(wrapper.style["padding-bottom"]=100*ratio+"%",_this.props.isLoaded)||((null===(_this$props$onReady=(_this$props2=_this.props).onReady)||void 0===_this$props$onReady?void 0:_this$props$onReady.call(_this$props2))||_this.setState({isLoaded:!0}))},_this.handleContextMenu=function(e){return _this.props.componentData.disableDownload&&e.preventDefault()},_this.disableDownloadProps=function(){var _this$props3=_this.props,componentData=_this$props3.componentData,settings=_this$props3.settings,disableProps={config:{file:{attributes:{controlsList:"nodownload"}}}},disable={};return void 0!==componentData.disableDownload?disable=componentData.disableDownload?disableProps:{}:void 0!==settings.disableDownload&&(disable=settings.disableDownload?disableProps:{}),disable},wixRichContentCommon.validate(props.componentData,pluginVideoSchema__default.default),_this.state={url:void 0,isLoaded:!1};var _url=getVideoSrc(props.componentData.src,props.settings);return"string"==typeof _url?_this.state={url:_this.normalizeUrl(_url)}:_url&&"function"==typeof _url.then&&_url.then((function(url){return _this.setState({url:_this.normalizeUrl(url)})})),_this}_inheritsLoose__default.default(VideoViewer,_Component);var _proto=VideoViewer.prototype;return _proto.componentWillReceiveProps=function(nextProps){var _this2=this;if(!lodash.isEqual(nextProps.componentData,this.props.componentData)&&(wixRichContentCommon.validate(nextProps.componentData,pluginVideoSchema__default.default),nextProps.componentData.src!==this.props.componentData.src)){var url=getVideoSrc(nextProps.componentData.src,nextProps.settings);"string"==typeof url?this.setUrl(url):url&&"function"==typeof url.then&&url.then((function(url){return _this2.setUrl(url)}))}},_proto.componentDidMount=function(){this.setState({key:"mounted"})},_proto.render=function(){var _this$props4=this.props,theme=_this$props4.theme,width=_this$props4.width,height=_this$props4.height,disabled=_this$props4.disabled,setComponentUrl=_this$props4.setComponentUrl;this.styles=this.styles||wixRichContentCommon.mergeStyles({styles:styles$1,theme:theme});var _this$state=this.state,url=_this$state.url,key=_this$state.key;null==setComponentUrl||setComponentUrl(url);var props=_extends__default.default({url:url,onReady:this.onReactPlayerReady,disabled:disabled,width:width,height:height,key:key},this.disableDownloadProps()),isLoaded=this.props.isLoaded||this.state.isLoaded;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ReactPlayerWrapper,_extends__default.default({className:classNames__default.default(this.styles.video_player),onContextMenu:this.handleContextMenu,"data-loaded":isLoaded,controls:!1!==this.props.isLoaded},props)))},VideoViewer}(React.Component);VideoViewer.defaultProps={width:"100%",height:"100%"};var styles={video_player:"_38XzK",videoOverlay:"_2L5av",video_container:"Q31CM",video_overlay:"_37MeN",error:"_3zYcu"},DEFAULTS$1=Object.freeze({config:{size:"content",alignment:"center"}}),VideoComponent=function(_React$Component){function VideoComponent(props){var _this;(_this=_React$Component.call(this,props)||this).setPlayer=function(player){_this.player=player},_this.handleReady=function(){_this.state.isLoaded||_this.props.componentData.tempData||_this.setState({isLoaded:!0})},_this.renderOverlay=function(styles){return React__default.default.createElement("div",{className:classNames__default.default(styles.video_overlay)})},_this.renderLoader=function(){var isCustomVideo=lodash.get(_this.props,"componentData.isCustomVideo");return React__default.default.createElement("div",{className:_this.styles.videoOverlay},React__default.default.createElement(wixRichContentUiComponents.Loader,{type:"medium",isVerySlowFakeLoader:isCustomVideo}))},_this.onReload=function(){_this.setState({isLoaded:!1})},_this.renderPlayer=function(){var _this$props=_this.props,theme=_this$props.theme,componentData=_this$props.componentData,disabled=_this$props.disabled,settings=_this$props.settings,setComponentUrl=_this$props.setComponentUrl;return React__default.default.createElement(VideoViewer,{ref:_this.setPlayer,componentData:componentData,settings:settings,onReady:_this.handleReady,disabled:disabled,theme:theme,setComponentUrl:setComponentUrl,onReload:_this.onReload,isLoaded:_this.state.isLoaded})},_this.onKeyDown=function(e,handler){"Enter"!==e.key&&" "!==e.key||handler()};var isPlayable=!props.blockProps;return _this.state={isLoaded:!1,isPlayable:isPlayable},_this}_inheritsLoose__default.default(VideoComponent,_React$Component);var _proto=VideoComponent.prototype;return _proto.componentDidMount=function(){this.handlePlayerFocus()},_proto.componentDidUpdate=function(){this.handlePlayerFocus()},_proto.handlePlayerFocus=function(){var element=ReactDOM.findDOMNode(this).querySelector("iframe, video");element&&(element.tabIndex=-1)},_proto.render=function(){var _this2=this;this.styles=this.styles||wixRichContentCommon.mergeStyles({styles:styles,theme:this.props.theme});var _this$props2=this.props,className=_this$props2.className,onClick=_this$props2.onClick,t=_this$props2.t,error=_this$props2.componentData.error,_this$state=this.state,isPlayable=_this$state.isPlayable,isLoaded=_this$state.isLoaded,containerClassNames=classNames__default.default(this.styles.video_container,className||"");return React__default.default.createElement("div",{"data-hook":"videoPlayer",onClick:onClick,className:containerClassNames,onKeyDown:function(e){return _this2.onKeyDown(e,onClick)},draggable:!0},!isPlayable&&this.renderOverlay(this.styles,this.props.t),this.renderPlayer(),!isLoaded&&!error&&this.renderLoader(),error&&React__default.default.createElement(wixRichContentUiComponents.MediaItemErrorMsg,{error:error,t:t}))},VideoComponent}(React__default.default.Component);VideoComponent.type={VIDEO_TYPE_LEGACY:"VIDEO-EMBED",VIDEO_TYPE:VIDEO_TYPE};var createInsertButtons=function(_ref){var _toolbar$icons,_buttonsMap,t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,disableDownload=_ref.disableDownload,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,componentData=void 0!==disableDownload?_extends__default.default({},DEFAULTS$1,{disableDownload:disableDownload}):DEFAULTS$1,newVideoModal=experiments.newVideoModal,useNewModal=null==newVideoModal?void 0:newVideoModal.enabled,_ref2=settings||{},_ref2$exposeButtons=_ref2.exposeButtons,exposeButtons=void 0===_ref2$exposeButtons?[videoButtonsTypes.video]:_ref2$exposeButtons,toolbar=_ref2.toolbar,enableCustomUploadOnMobile=_ref2.enableCustomUploadOnMobile,handleFileSelection=_ref2.handleFileSelection,handleFileUpload=_ref2.handleFileUpload,icon=(null==toolbar||null===(_toolbar$icons=toolbar.icons)||void 0===_toolbar$icons?void 0:_toolbar$icons.InsertPluginButtonIcon)||InsertPluginIcon$1,videoModalCustomStyles=isMobile?wixRichContentUiComponents.MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends__default.default({},wixRichContentUiComponents.DesktopFlyOutModalStyles,{content:videoModalContentStyles}),embedModalCustomStyles=isMobile?wixRichContentUiComponents.MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends__default.default({},wixRichContentUiComponents.DesktopFlyOutModalStyles,{content:embedModalContentStyles}),customStyles=useNewModal?videoModalCustomStyles:isMobile&&!enableCustomUploadOnMobile||!handleFileSelection&&!handleFileUpload?SelectionModalCustomStyle:ExtendedSelectionModalCustomStyle,modalsStyle=wixRichContentEditorCommon.getModalStyles({customStyles:customStyles,fullScreen:!!useNewModal,isMobile:isMobile}),modalStyles=useNewModal?isMobile?modalsStyle:void 0:modalsStyle,baseButtonProps={type:wixRichContentEditorCommon.BUTTON_TYPES.MODAL,modalElement:wixRichContentEditorCommon.decorateComponentWithProps(VideoModal,settings)},buttonsMap=((_buttonsMap={})[videoButtonsTypes.video]={name:wixRichContentEditorCommon.INSERT_PLUGIN_BUTTONS.VIDEO,tooltip:t("VideoPlugin_InsertButton_Tooltip"),getIcon:function(){return icon},componentData:componentData},_buttonsMap[videoButtonsTypes.soundCloud]={name:wixRichContentEditorCommon.INSERT_PLUGIN_BUTTONS.SOUND_CLOUD,tooltip:t("SoundCloudPlugin_InsertButton_Tooltip"),getIcon:function(){return InsertPluginIcon},componentData:_extends__default.default({},DEFAULTS$1,{type:videoButtonsTypes.soundCloud})},_buttonsMap[videoButtonsTypes.youTube]={name:wixRichContentEditorCommon.INSERT_PLUGIN_BUTTONS.YOUTUBE,tooltip:t("EmbedURL_Social_YouTube_Title"),getIcon:function(){return YoutubeIcon},componentData:_extends__default.default({},DEFAULTS$1,{type:videoButtonsTypes.youTube}),section:"BlockToolbar_Section_Embed_Anywhere"},_buttonsMap),toolbars=useNewModal?[wixRichContentEditorCommon.TOOLBARS.MOBILE,wixRichContentEditorCommon.TOOLBARS.FOOTER,wixRichContentEditorCommon.TOOLBARS.SIDE]:[wixRichContentEditorCommon.TOOLBARS.INSERT_PLUGIN,wixRichContentEditorCommon.TOOLBARS.MOBILE,wixRichContentEditorCommon.TOOLBARS.FOOTER,wixRichContentEditorCommon.TOOLBARS.SIDE],videoButtons=exposeButtons.map((function(buttonType){return _extends__default.default({},buttonsMap[buttonType],{toolbars:toolbars,modalStyles:modalStyles,modalStylesFn:useNewModal?function(_ref3){var buttonRef=_ref3.buttonRef,toolbarName=_ref3.toolbarName,isSoundCloud=buttonType===videoButtonsTypes.soundCloud;return wixRichContentEditorCommon.getBottomToolbarModalStyles(buttonRef,{customStyles:isSoundCloud?embedModalCustomStyles:videoModalCustomStyles},toolbarName)}:void 0},baseButtonProps)}));if(useNewModal){var externalToolbarButtons=exposeButtons.map((function(buttonType){var styles=buttonType===videoButtonsTypes.soundCloud?wixRichContentUiComponents.DesktopFlyOutModalStyles:videoModalCustomStyles;return _extends__default.default({},buttonsMap[buttonType],{modalStyles:wixRichContentEditorCommon.getModalStyles({customStyles:_extends__default.default({},styles,wixRichContentUiComponents.DesktopOverlayModalStyles),fullScreen:!1,isMobile:isMobile}),toolbars:[wixRichContentEditorCommon.TOOLBARS.INSERT_PLUGIN]},baseButtonProps)}));videoButtons=[].concat(videoButtons,externalToolbarButtons)}return videoButtons},createToolbar=function(_ref){var t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,disableDownload=_ref.disableDownload,experiments=_ref.experiments;return{InlineButtons:createInlineButtons({t:t,settings:settings,isMobile:isMobile,experiments:experiments}),InsertButtons:createInsertButtons({t:t,settings:settings,isMobile:isMobile,disableDownload:disableDownload,experiments:experiments}),name:"video"}};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 createVideoPlugin=function(config){var _config$uiSettings,_config$uiSettings2,helpers=config.helpers,t=config.t,_config$VIDEO_TYPE=config[VIDEO_TYPE],settings=void 0===_config$VIDEO_TYPE?{}:_config$VIDEO_TYPE,isMobile=config.isMobile,spoilerWrapper=config.spoilerWrapper,commonPubsub=config.commonPubsub,experiments=config.experiments,rest=_objectWithoutPropertiesLoose__default.default(config,["helpers","t",VIDEO_TYPE,"isMobile","spoilerWrapper","commonPubsub","experiments"].map(_toPropertyKey)),disableDownload=null==config||null===(_config$uiSettings=config.uiSettings)||void 0===_config$uiSettings?void 0:_config$uiSettings.disableDownload,defaultPluginData=void 0!==disableDownload?_extends__default.default({},DEFAULTS$1,{disableDownload:disableDownload}):DEFAULTS$1,type=VIDEO_TYPE;return wixRichContentPluginCommons.createBasePlugin(_extends__default.default({component:VideoComponent,type:type,legacyType:"VIDEO-EMBED",toolbar:createToolbar({t:t,settings:_extends__default.default({},settings,{commonPubsub:commonPubsub,type:type}),isMobile:isMobile,disableDownload:disableDownload,experiments:experiments}),helpers:helpers,settings:settings,t:t,isMobile:isMobile,disableRightClick:null==config||null===(_config$uiSettings2=config.uiSettings)||void 0===_config$uiSettings2?void 0:_config$uiSettings2.disableRightClick,defaultPluginData:defaultPluginData,spoilerWrapper:settings.spoiler&&spoilerWrapper,commonPubsub:commonPubsub},rest))};createVideoPlugin.functionName=VIDEO_TYPE;var DEFAULTS_config={toolbar:{hidden:[]}},createVideoData=function(pluginData,isRicosSchema){void 0===pluginData&&(pluginData={}),void 0===isRicosSchema&&(isRicosSchema=!1);var videoData=isRicosSchema?toDraftData.convertNodeDataToDraft("VIDEO",pluginData):pluginData;return lodash.merge({},DEFAULTS$1,videoData)},Video=function(_ref){var context=_ref.context,componentData=_ref.componentData,theme=context.theme,t=context.t,_context$config=context.config,settings=(void 0===_context$config?{}:_context$config)[VIDEO_TYPE]||{};return React__default.default.createElement(VideoComponent,{componentData:componentData,theme:theme,t:t,settings:settings,blockProps:{setFocusToBlock:function(){return null}},setComponentUrl:function(){return null},onClick:function(){}})},videoDataDefaults={containerData:{alignment:"CENTER",width:{size:null,custom:null},spoiler:{enabled:null,description:null,buttonText:null},height:{custom:null},textWrap:null},video:{src:null,width:null,height:null},thumbnail:{src:null,width:null,height:null},disableDownload:null,title:null},name=ricosContent.TIPTAP_VIDEO_TYPE;exports.Modals=Modals,exports.ModalsMap=ModalsMap,exports.VIDEO_TYPE=VIDEO_TYPE,exports.VIDEO_TYPE_LEGACY="VIDEO-EMBED",exports.VideoViewer=VideoViewer,exports.createVideoPlugin=createVideoPlugin,exports.pluginVideo=function(config){var defaultOptions,pluginConfig=_extends__default.default({},DEFAULTS_config,config);return{config:pluginConfig,type:VIDEO_TYPE,createPlugin:createVideoPlugin,ModalsMap:ModalsMap,createPluginData:createVideoData,configFixer:function(){return pluginConfig.uploadHandler=pluginConfig.handleFileUpload||pluginConfig.handleFileSelection},tiptapExtensions:(defaultOptions=pluginConfig,[{type:"node",Component:Video,componentDataDefaults:_extends__default.default({},videoDataDefaults,{id:"",loading:{default:!1}}),createExtensionConfig:function(){return{name:name,defaultOptions:defaultOptions,addCommands:function(){return{}}}}}])}},exports.videoButtonsTypes=videoButtonsTypes;
 //# sourceMappingURL=module.cjs.js.map

dist/module.js

@@ -1,2 +0,2 @@
-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};
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutPropertiesLoose from"@babel/runtime/helpers/objectWithoutPropertiesLoose";import{handleUploadFinished,handleUploadStart,BUTTONS,PluginSettingsIcon,createBasePlugin}from"wix-rich-content-plugin-commons";import{KEYS_CHARCODE,decorateComponentWithProps,getModalStyles,BUTTON_TYPES,INSERT_PLUGIN_BUTTONS,TOOLBARS,getBottomToolbarModalStyles}from"wix-rich-content-editor-common";import React,{Component,useState}from"react";import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import{CloseIcon,TextInput,Button,BUTTON_SIZE,SettingsMobileHeader,SettingsSection,LabeledToggle,SettingsPanelFooter,UrlInputModal,MediaUploadModal,NewUrlInputModal,Tabs,Tab,MOBILE_FULL_SCREEN_CUSTOM_STYLE,DesktopFlyOutModalStyles,Loader,MediaItemErrorMsg,DesktopOverlayModalStyles}from"wix-rich-content-ui-components";import{isValidExactUrl,mergeStyles,isSSR,validate}from"wix-rich-content-common";import ReactPlayer from"react-player";import classNames from"classnames";import ReactDOM,{findDOMNode}from"react-dom";import{isEqual,get,merge}from"lodash";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import pluginVideoSchema from"wix-rich-content-common/dist/statics/schemas/plugin-video.schema.json";import{convertNodeDataToDraft}from"ricos-content/libs/toDraftData";import{TIPTAP_VIDEO_TYPE}from"ricos-content";var _ModalsMap,InsertPluginIcon$1=function(props){return React.createElement("svg",Object.assign({xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 19 19",width:"19",height:"19"},props),React.createElement("defs",null,React.createElement("path",{id:"video-icon-path",d:"M14 7l2.842-1.421A.8.8 0 0 1 18 6.294v6.412a.8.8 0 0 1-1.158.715L14 12v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v2zm0 3.9l2.708 1.354a.2.2 0 0 0 .29-.179V6.922a.2.2 0 0 0-.29-.178L14 8.098V10.9zM2 5v9h11V5H2z"})),React.createElement("g",{fillRule:"evenodd"},React.createElement("mask",{id:"video-icon-mask"},React.createElement("use",{xlinkHref:"#video-icon-path"})),React.createElement("use",{fillRule:"nonzero",xlinkHref:"#video-icon-path"})))},InsertPluginIcon=function(props){return React.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19"},props),React.createElement("path",{d:"M5.2,9 L5.8,9 C5.9104569,9 6,9.05969537 6,9.13333333 L6,14.8666667 C6,14.9403046 5.9104569,15 5.8,15 L5.2,15 C5.0895431,15 5,14.9403046 5,14.8666667 L5,9.13333333 C5,9.05969537 5.0895431,9 5.2,9 Z M3.2,8 L3.8,8 C3.9104569,8 4,8.06268014 4,8.14 L4,14.86 C4,14.9373198 3.9104569,15 3.8,15 L3.2,15 C3.0895431,15 3,14.9373198 3,14.86 L3,8.14 C3,8.06268014 3.0895431,8 3.2,8 Z M1.2,10 L1.8,10 C1.91045695,10 2,10.0447715 2,10.1 L2,13.9 C2,13.9552284 1.91045695,14 1.8,14 L1.2,14 C1.08954305,14 1,13.9552284 1,13.9 L1,10.1 C1,10.0447715 1.08954305,10 1.2,10 Z M18,11.6153846 C18,13.4846561 16.4846561,15 14.6153846,15 L7.84615385,15 C7.37883602,15 7,14.621164 7,14.1538462 L7,4.84615385 C8.1282051,4.28205128 9.39743587,4 10.8076923,4 C12.9089391,4 15.0384615,6.12783884 15.0384615,8.23076923 C16.7079981,8.4650878 18,9.8893546 18,11.6153846 Z M8,14 L14.5454545,14 C15.9010625,14 17,12.9010625 17,11.5454545 C17,10.3050264 16.0718944,9.25574738 14.8408286,9.08296796 L14.1363636,8.98409667 L14.1363636,8.27272727 C14.1363636,6.69177453 12.4441412,5 10.8636364,5 C9.81175629,5 8.85922746,5.17619715 8,5.52684396 L8,14 Z"}))},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"})))},YoutubeIcon=function(props){return React.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19"},props),React.createElement("path",{fillRule:"evenodd",d:"M9.783 3.126c1.117.006 5.217.049 6.359.357.731.196 1.307.776 1.503 1.512C18 6.33 18 9.114 18 9.114s0 2.784-.355 4.118c-.196.736-.772 1.316-1.503 1.513-1.215.327-5.784.355-6.537.357h-.21c-.753-.002-5.322-.03-6.537-.357-.731-.197-1.307-.777-1.503-1.513-.317-1.191-.35-3.538-.355-4.028v-.181c.004-.49.038-2.836.355-4.028.196-.736.772-1.316 1.503-1.512C4 3.175 8.1 3.132 9.218 3.126zM7.76 6.586v5.055l4.444-2.527L7.76 6.586z"}))},styles$3={video_modal_container_big:"_4hyfK",video_modal_container_small:"Wdxcn",video_modal_closeIcon:"_1P3Vk",video_modal_errorIcon:"_4U647",video_modal_header:"_2wuD-",video_modal_header_text:"_35sJQ",video_modal_textInput_customWidth:"_167aE",video_modal_textInput_fullWidth:"cn4jv",video_modal_add_a_Video:"_30xCH",video_modal_or_upload_video_from:"_3Q6uE",video_modal_upload_video:"_20AZa",video_modal_input_button_wrapper:"EmpUt",video_modal_add_button_wrapper:"P3PzB",video_modal_add_button_inline:"_2Z_Pe",video_modal_add_button_inMiddle:"_3TrUw",textInput_input:"_1cb7K",textInput_input_invalid:"_1P6p9",fileInput:"_1qYoT",fileInputLabel:"_30dNJ"},VIDEO_TYPE="wix-draft-plugin-video",VIDEO_TYPE_LEGACY="VIDEO-EMBED",videoButtonsTypes={video:"video",soundCloud:"soundCloud",youTube:"youTube"},mediaTypes=[videoButtonsTypes.soundCloud,videoButtonsTypes.youTube],VideoSelectionInputModal=function(_Component){function VideoSelectionInputModal(props){var _this;(_this=_Component.call(this,props)||this).onUrlChange=function(url){return _this.setState({url:url,showError:!1})},_this.onUrlVideoSelection=function(){var _helpers$onVideoSelec,_this$props=_this.props,componentData=_this$props.componentData,helpers=_this$props.helpers,_this$state$url=_this.state.url,src=(void 0===_this$state$url?"":_this$state$url).trim();if(isValidExactUrl(src)&&ReactPlayer.canPlay(src)){delete componentData.isCustomVideo;var data=_extends({},componentData,{tempData:!1,src:src});_this.onConfirm(data),null==helpers||null===(_helpers$onVideoSelec=helpers.onVideoSelected)||void 0===_helpers$onVideoSelec||_helpers$onVideoSelec.call(helpers,src,(function(metadata){return setTimeout((function(){return _this.updateComponentData(_extends({},data,{metadata:metadata}))}))}),0),_this.closeModal()}else _this.setState({showError:!0})},_this.onUrlInputDoubleClick=function(){_this.setState({url:"https://www.youtube.com/watch?v=vzKryaN44ss"})},_this.closeModal=function(){_this.setState({isOpen:!1}),_this.props.helpers.closeModal()},_this.handleKeyPress=function(e){e.charCode===KEYS_CHARCODE.ENTER&&_this.onUrlVideoSelection()},_this.getOnUploadFinished=function(isCustomVideo){return function(_ref){var data=_ref.data,error=_ref.error;_this.setComponentData(_extends({},data,{error:error,isCustomVideo:isCustomVideo}))}},_this.addVideoComponent=function(_ref2,isCustomVideo){var data=_ref2.data,error=_ref2.error;void 0===isCustomVideo&&(isCustomVideo=!1),handleUploadFinished(VIDEO_TYPE,_this.getComponentData,data,error,(function(_ref3){var data=_ref3.data,error=_ref3.error;return _this.onConfirm(_extends({},data,{error:error,isCustomVideo:isCustomVideo}))}))},_this.setComponentData=function(data){_this.props.pubsub.set("componentData",data,_this.blockKey)},_this.updateComponentData=function(data){_this.props.pubsub.update("componentData",data,_this.blockKey)},_this.onLocalLoad=function(_ref4){var src=_ref4.src,tempData=_ref4.tempData;_this.onConfirm(_extends({},_this.props.componentData,{src:src,isCustomVideo:!0,tempData:tempData}))},_this.getComponentData=function(){return _this.props.componentData},_this.handleNativeFileUpload=function(){handleUploadStart(_this.props,_this.getComponentData,_this.inputFile.files[0],_this.onLocalLoad,_this.getOnUploadFinished(!0)),_this.closeModal()},_this.styles=mergeStyles({styles:styles$3,theme:props.theme});var _componentData=_this.props.componentData;_this.state={url:!_componentData.isCustomVideo&&_componentData.src||""},_this.id="VideoUploadModal_FileInput_"+Math.floor(9999*Math.random());var onConfirm=props.onConfirm,onReplace=props.onReplace;return _this.blockKey=_this.getFocusedBlockKey(),_this.onConfirm=function(obj){if(onConfirm){var newBlock=onConfirm(obj).newBlock;_this.blockKey=newBlock.key}else onReplace(obj,_this.blockKey)},_this}_inheritsLoose(VideoSelectionInputModal,_Component);var _proto=VideoSelectionInputModal.prototype;return _proto.getFocusedBlockKey=function(){return this.props.pubsub.get("focusedBlock")},_proto.componentDidMount=function(){this.input.focus(),this.input.setSelectionRange(0,this.input.value.length)},_proto.render=function(){var _this2=this,_this$state=this.state,url=_this$state.url,showError=_this$state.showError,_this$props2=this.props,t=_this$props2.t,handleFileSelection=_this$props2.handleFileSelection,handleFileUpload=_this$props2.handleFileUpload,enableCustomUploadOnMobile=_this$props2.enableCustomUploadOnMobile,isMobile=_this$props2.isMobile,languageDir=_this$props2.languageDir;_this$props2.componentData;var handleClick,theme=_this$props2.theme,styles=this.styles,hasCustomFileUpload=handleFileUpload||handleFileSelection;handleFileSelection&&(handleClick=function(evt){return evt.preventDefault(),handleFileSelection((function(_ref5){var data=_ref5.data,error=_ref5.error;_this2.addVideoComponent({data:data,error:error},!0),_this2.closeModal()}))});var uploadVideoSection=React.createElement("div",null,React.createElement("div",{className:styles.video_modal_or_upload_video_from},t("VideoUploadModal_CustomVideoHeader")),React.createElement("div",{className:styles.video_modal_upload_video},React.createElement("input",{id:this.id,type:"file",accept:"video/*",className:styles.fileInput,ref:function(node){return _this2.inputFile=node},onClick:handleClick,onChange:this.handleNativeFileUpload}),React.createElement("label",{htmlFor:this.id,className:styles.fileInputLabel,role:"button","data-hook":"videoUploadModalCustomVideo",tabIndex:0},"+ ",t("VideoUploadModal_CustomVideoClickText"))));return React.createElement("div",{dir:languageDir},React.createElement("div",{className:styles["video_modal_container_"+(hasCustomFileUpload?"big":"small")],"data-hook":"videoUploadModal"},React.createElement(CloseIcon,{className:styles.video_modal_closeIcon,onClick:function(){return _this2.closeModal()}}),React.createElement("h2",{className:styles.video_modal_add_a_Video},t("VideoUploadModal_Title")),React.createElement("div",{role:"heading","aria-level":3,"aria-labelledby":"video_modal_hdr",className:styles.video_modal_header},React.createElement("h3",{id:"video_modal_hdr",className:styles.video_modal_header_text},t("VideoUploadModal_Header"))),React.createElement("div",{className:styles.video_modal_input_button_wrapper},React.createElement("div",{className:styles["video_modal_textInput_"+(hasCustomFileUpload?"customWidth":"fullWidth")]},React.createElement(TextInput,{inputRef:function(ref){_this2.input=ref},type:"url",onKeyPress:this.handleKeyPress,onChange:this.onUrlChange,onDoubleClick:this.onUrlInputDoubleClick,value:url,error:showError?t("VideoUploadModal_Input_InvalidUrl"):null,placeholder:t("VideoUploadModal_Input_Placeholder"),theme:styles,"data-hook":"videoUploadModalInput"})),React.createElement("div",{className:styles.video_modal_add_button_wrapper},React.createElement(Button,{disabled:!this.state.url,theme:_extends({},styles,theme),dataHook:"videoUploadModalAddButton",onClick:this.onUrlVideoSelection,text:t("VideoUploadModal_AddButtonText"),size:isMobile?BUTTON_SIZE.medium:BUTTON_SIZE.small}))),(!isMobile||enableCustomUploadOnMobile)&&hasCustomFileUpload&&uploadVideoSection))},VideoSelectionInputModal}(Component),Styles={separator:"_3hKgB",videoSettingsTitle:"_31P16",videoSettings_toggleContainer:"_3RIrx",videoSettings_mobile:"_13GtL"},Modals={VIDEO_SELECTION_INPUT:"video-selection-input",VIDEO_SETTINGS:"video-settings"},ModalsMap=((_ModalsMap={})[Modals.VIDEO_SELECTION_INPUT]=VideoSelectionInputModal,_ModalsMap[Modals.VIDEO_SETTINGS]=function(_ref){var _componentData$config,_componentData$config2,_classNames,componentData=_ref.componentData,helpers=_ref.helpers,pubsub=_ref.pubsub,theme=_ref.theme,t=_ref.t,isMobile=_ref.isMobile,settings=_ref.settings,disableDownload=void 0!==componentData.disableDownload?componentData.disableDownload:!!settings.disableDownload,isSpoilered=null===(_componentData$config=componentData.config)||void 0===_componentData$config||null===(_componentData$config2=_componentData$config.spoiler)||void 0===_componentData$config2?void 0:_componentData$config2.enabled,_useState=useState(!disableDownload),isDownloadEnabled=_useState[0],setIsDownloadEnabled=_useState[1],_useState2=useState(isSpoilered),isSpoilerEnabled=_useState2[0],setIsSpoilerEnabled=_useState2[1],styles=mergeStyles({styles:Styles,theme:theme}),closeModal=function(){var _helpers$closeModal;return null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal?void 0:_helpers$closeModal.call(helpers)},getSpoilerConfig=function(enabled){return{config:_extends({},componentData.config,{spoiler:{enabled:enabled}})}},onDoneClick=function(){var newComponentData=_extends({},componentData,{disableDownload:!isDownloadEnabled},getSpoilerConfig(isSpoilerEnabled));pubsub.update("componentData",newComponentData),closeModal()},isCustomVideo=!!componentData.isCustomVideo,spoilerToggle={toggleKey:"isSpoilerEnabled",labelKey:"VideoSettings_Spoiler_Toggle",dataHook:"videoSpoilerToggle",tooltipText:"Spoiler_Toggle_Tooltip",checked:isSpoilerEnabled,onToggle:function(){var value=!isSpoilerEnabled;setIsSpoilerEnabled(value),pubsub.update("componentData",_extends({},componentData,getSpoilerConfig(value)))}},toggleData=isCustomVideo?[{toggleKey:"isDownloadEnabled",labelKey:"VideoPlugin_Settings_VideoCanBeDownloaded_Label",dataHook:"videoDownloadToggle",tooltipText:"VideoPlugin_Settings_VideoCanBeDownloaded_Tooltip",checked:isDownloadEnabled,onToggle:function(){return setIsDownloadEnabled(!isDownloadEnabled)}}]:[];return settings.spoiler&&toggleData.push(spoilerToggle),React.createElement("div",{"data-hook":"settings",className:classNames(styles.videoSettings,(_classNames={},_classNames[styles.videoSettings_mobile]=isMobile,_classNames))},isMobile?React.createElement(SettingsMobileHeader,{t:t,theme:theme,onCancel:closeModal,onSave:onDoneClick}):React.createElement(React.Fragment,null,React.createElement("div",{className:styles.videoSettingsTitle},t("VideoPlugin_Settings_Header")),React.createElement("div",{className:styles.separator})),React.createElement(SettingsSection,{theme:theme,className:classNames(styles.videoSettings_toggleContainer)},toggleData.map((function(_ref2){var toggleKey=_ref2.toggleKey,labelKey=_ref2.labelKey,tooltipText=_ref2.tooltipText,dataHook=_ref2.dataHook,onToggle=_ref2.onToggle,checked=_ref2.checked;return React.createElement(LabeledToggle,{key:toggleKey,theme:theme,checked:checked,label:t(labelKey),onChange:onToggle,tooltipText:t(tooltipText),dataHook:dataHook})}))),!isMobile&&React.createElement(SettingsPanelFooter,{fixed:!0,theme:theme,cancel:closeModal,save:onDoneClick,t:t}))},_ModalsMap),MediaURLInputModal$1=function(_Component){function MediaURLInputModal(props){var _this;(_this=_Component.call(this,props)||this).onConfirm=function(){var url=_this.state.url;if(url&&ReactPlayer.canPlay(url)){var _helpers$closeModal,_this$props=_this.props,_componentData=_this$props.componentData,helpers=_this$props.helpers,pubsub=_this$props.pubsub,onConfirm=_this$props.onConfirm;onConfirm?onConfirm(_extends({},_componentData,{src:url})):pubsub.update("componentData",{src:url}),helpers&&helpers.onVideoSelected&&helpers.onVideoSelected(url,(function(data){return pubsub.update("componentData",{metadata:_extends({},data)})})),null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal||_helpers$closeModal.call(helpers)}else _this.setState({submittedInvalidUrl:!0})},_this.getRenderData=function(){var _this$props2=_this.props,t=_this$props2.t,isMobile=_this$props2.isMobile,type=_this$props2.componentData.type,isYouTube=type===videoButtonsTypes.youTube,isSoundCloud=type===videoButtonsTypes.soundCloud;return{title:isYouTube?"EmbedURL_Social_YouTube_Title":isSoundCloud&&(isMobile?"SoundCloudUploadModal_Header_Mobile":"SoundCloudUploadModal_Header"),placeholder:isYouTube?t("EmbedURL_Social_YouTube_Placeholder"):isSoundCloud&&t("SoundCloudUploadModal_Input_Placeholder"),dataHook:isYouTube?"socialEmbedUploadModal":isSoundCloud?"soundCloudUploadModal":""}};var componentData=_this.props.componentData;return _this.state={url:componentData.src||"",submittedInvalidUrl:!1},_this}return _inheritsLoose(MediaURLInputModal,_Component),MediaURLInputModal.prototype.render=function(){var _this2=this,_this$state=this.state,url=_this$state.url,submittedInvalidUrl=_this$state.submittedInvalidUrl,_this$props3=this.props,t=_this$props3.t,languageDir=_this$props3.languageDir,helpers=_this$props3.helpers,_this$getRenderData=this.getRenderData(),title=_this$getRenderData.title,placeholder=_this$getRenderData.placeholder,dataHook=_this$getRenderData.dataHook;return React.createElement(UrlInputModal,{onConfirm:this.onConfirm,input:url,t:t,languageDir:languageDir,title:t(""+title),submittedInvalidUrl:submittedInvalidUrl,dataHook:dataHook,onInputChange:function(url){return _this2.setState({url:url})},errorMessage:t("SoundCloudUploadModal_Input_InvalidUrl"),placeholder:placeholder,onCloseRequested:helpers.closeModal,buttonSize:BUTTON_SIZE.medium})},MediaURLInputModal}(Component),VideoUploadModal=function(_Component){function VideoUploadModal(props){var _this;(_this=_Component.call(this,props)||this).closeModal=function(){_this.setState({isOpen:!1}),_this.props.helpers.closeModal()},_this.getOnUploadFinished=function(isCustomVideo){return function(_ref){var data=_ref.data,error=_ref.error;_this.setComponentData(_extends({},data,{error:error,isCustomVideo:isCustomVideo}))}},_this.addVideoComponent=function(_ref2,isCustomVideo){var data=_ref2.data,error=_ref2.error;void 0===isCustomVideo&&(isCustomVideo=!1),handleUploadFinished(VIDEO_TYPE,_this.getComponentData,data,error,(function(_ref3){var data=_ref3.data,error=_ref3.error;return _this.onConfirm(_extends({},data,{error:error,isCustomVideo:isCustomVideo}))}))},_this.setComponentData=function(data){_this.props.pubsub.set("componentData",data,_this.blockKey)},_this.onLocalLoad=function(_ref4){var src=_ref4.src,tempData=_ref4.tempData;_this.onConfirm(_extends({},_this.props.componentData,{src:src,isCustomVideo:!0,tempData:tempData}))},_this.setInputFile=function(ref){return _this.inputFile=ref},_this.getComponentData=function(){return _this.props.componentData},_this.handleNativeFileUpload=function(){handleUploadStart(_this.props,_this.getComponentData,_this.inputFile.files[0],_this.onLocalLoad,_this.getOnUploadFinished(!0)),_this.closeModal()};var componentData=_this.props.componentData;_this.state={url:!componentData.isCustomVideo&&componentData.src||""},_this.id="VideoUploadModal_FileInput_"+Math.floor(9999*Math.random());var onConfirm=props.onConfirm,onReplace=props.onReplace;return _this.onConfirm=function(obj){if(onConfirm){var newBlock=onConfirm(obj).newBlock;_this.blockKey=newBlock.key}else onReplace(obj,_this.blockKey)},_this}return _inheritsLoose(VideoUploadModal,_Component),VideoUploadModal.prototype.render=function(){var handleClick,_this2=this,_this$props=this.props,t=_this$props.t,handleFileSelection=_this$props.handleFileSelection,handleFileUpload=_this$props.handleFileUpload,enableCustomUploadOnMobile=_this$props.enableCustomUploadOnMobile,isMobile=_this$props.isMobile,languageDir=_this$props.languageDir,showUploadSection=(!isMobile||enableCustomUploadOnMobile)&&(handleFileUpload||handleFileSelection);return handleFileSelection&&(handleClick=function(evt){return evt.preventDefault(),handleFileSelection((function(_ref5){var data=_ref5.data,error=_ref5.error;_this2.addVideoComponent({data:data,error:error},!0),_this2.closeModal()}))}),React.createElement(MediaUploadModal,{id:this.id,isMobile:isMobile,inputFileRef:this.setInputFile,handleClick:handleClick,handleNativeFileUpload:this.handleNativeFileUpload,languageDir:languageDir,title:t("VideoCustomUploadModal_Title"),labelText:t("VideoUploadModal_CustomVideoClickText"),dataHook:"videoUploadModalCustomVideo",showUploadSection:showUploadSection,accept:"video/*"})},VideoUploadModal}(Component),MediaURLInputModal=function(_ref){var t=_ref.t,languageDir=_ref.languageDir,helpers=_ref.helpers,isMobile=_ref.isMobile,url=_ref.url,submittedInvalidUrl=_ref.submittedInvalidUrl,setUrl=_ref.setUrl,_ref$withMobileHeader=_ref.withMobileHeader,withMobileHeader=void 0!==_ref$withMobileHeader&&_ref$withMobileHeader,onConfirm=_ref.onConfirm,dataHook=_ref.dataHook,title=_ref.title,subTitle=_ref.subTitle,saveLabel=_ref.saveLabel,onDblClick=_ref.onDblClick;return React.createElement(NewUrlInputModal,{onConfirm:onConfirm,helpers:helpers,input:url,t:t,languageDir:languageDir,title:title,subTitle:subTitle,submittedInvalidUrl:submittedInvalidUrl,dataHook:dataHook,saveLabel:saveLabel,onInputChange:function(url){return setUrl(url)},errorMessage:t("SoundCloudUploadModal_Input_InvalidUrl"),placeholder:t("EmbedURL_Placeholder"),onCloseRequested:helpers.closeModal,buttonSize:BUTTON_SIZE.medium,isMobile:isMobile,withMobileHeader:withMobileHeader,onDblClick:onDblClick})},styles$2={video_modal_container:"_3jdGM",video_modal_content:"GIPKX",video_modal_tab:"_3Dnt_",video_upload_tab:"_1wXO_",fileInput:"_1W3aw",video_modal_add_button_inline:"_33b75",fileInputLabel:"_6ZyY2"},VideoModal$1=function(props){var _props$componentData=props.componentData,isCustomVideo=_props$componentData.isCustomVideo,src=_props$componentData.src,type=_props$componentData.type,closeModal=props.helpers.closeModal,t=props.t,theme=props.theme,isMobile=props.isMobile,videoTabs={embed:t("VideoModal_Tabs_Embed"),upload:t("VideoModal_Tabs_Upload")},initialUrl=isCustomVideo?"":src||"",_useState=useState(isCustomVideo?videoTabs.upload:videoTabs.embed),activeTab=_useState[0],setActiveTab=_useState[1],_useState2=useState(initialUrl),url=_useState2[0],setUrl=_useState2[1],_useState3=useState(!1),submittedInvalidUrl=_useState3[0],setSubmittedInvalidUrl=_useState3[1],isSoundCloud=type===videoButtonsTypes.soundCloud,onUrlInputDoubleClick=function(){return setUrl("https://www.youtube.com/watch?v=vzKryaN44ss")},onConfirm=function(){if(url&&ReactPlayer.canPlay(url)){var componentData=props.componentData,helpers=props.helpers,pubsub=props.pubsub,_onConfirm=props.onConfirm;_onConfirm?_onConfirm(_extends({},componentData,{src:url,isCustomVideo:!1})):pubsub.update("componentData",{src:url,isCustomVideo:!1}),helpers&&helpers.onVideoSelected&&helpers.onVideoSelected(url,(function(data){return pubsub.update("componentData",{metadata:_extends({},data)})})),null==closeModal||closeModal()}else setSubmittedInvalidUrl(!0)},dataHook=isSoundCloud?"soundCloudUploadModal":"videoMediaUrlModal",title=isSoundCloud?t(isMobile?"SoundCloudUploadModal_Header_Mobile":"SoundCloudUploadModal_Header"):null,renderMediaUrlInputModal=function(){return React.createElement(MediaURLInputModal,Object.assign({},props,{onConfirm:onConfirm,url:url,setUrl:setUrl,submittedInvalidUrl:submittedInvalidUrl,withMobileHeader:isSoundCloud,dataHook:dataHook,title:isSoundCloud&&title,saveLabel:t(isSoundCloud?"Embed_Add_Button_Label":"VideoModal_Embed_ButtonText"),subTitle:!isSoundCloud&&t("VideoModal_Embed_Title"),onDblClick:onUrlInputDoubleClick}))};return isSoundCloud?renderMediaUrlInputModal():React.createElement("div",{className:styles$2.video_modal_container},React.createElement("div",{className:styles$2.video_modal_content},isMobile&&React.createElement(SettingsMobileHeader,{theme:theme,onSave:onConfirm,onCancel:function(){return closeModal()},t:t,title:t("VideoModal_MobileHeader")}),React.createElement(Tabs,{value:activeTab,onTabSelected:function(tab){return setActiveTab(tab)},className:styles$2.video_modal_tabs_header,theme:theme},React.createElement(Tab,{label:videoTabs.embed,value:videoTabs.embed,theme:theme},React.createElement("div",{className:styles$2.video_modal_tab},renderMediaUrlInputModal())),React.createElement(Tab,{label:videoTabs.upload,value:videoTabs.upload,theme:theme},React.createElement("div",{className:classNames(styles$2.video_modal_tab,styles$2.video_upload_tab)},React.createElement(VideoUploadModal,Object.assign({},props)))))))},VideoModal=function(props){var _experiments$newVideo,type=props.componentData.type,experiments=props.experiments,useNewModal=null==experiments||null===(_experiments$newVideo=experiments.newVideoModal)||void 0===_experiments$newVideo?void 0:_experiments$newVideo.enabled,oldVideoModal=mediaTypes.includes(type)?MediaURLInputModal$1:VideoSelectionInputModal,Component=useNewModal?VideoModal$1:oldVideoModal;return React.createElement(Component,props)},SelectionModalCustomStyle={content:{maxWidth:"580px",minHeight:"260px"}},ExtendedSelectionModalCustomStyle={content:{maxWidth:"580px",minHeight:"378px"}},modalContentStyles={width:363,padding:20,boxSizing:"border-box",border:"solid 1px rgba(51, 51, 51, 0.1)",borderRadius:"var(--ricos-settings-whitebox-border-radius, 2px)",boxShadow:"var(--ricos-settings-whitebox-box-shadow, 0 0 10px 0 rgba(0, 0, 0, 0.06))"},videoModalContentStyles=_extends({height:232},modalContentStyles),embedModalContentStyles=_extends({height:180},modalContentStyles),createInlineButtons=function(_ref){var _settings$toolbar,_settings$toolbar$ico,t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,spoilerInInlineToolbar=experiments.spoilerInInlineToolbar,newVideoModal=experiments.newVideoModal,useNewModal=null==newVideoModal?void 0:newVideoModal.enabled,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.replace)||MediaReplaceIcon,defaultCustomStyles=isMobile&&!settings.enableCustomUploadOnMobile||!settings.handleFileSelection&&!settings.handleFileUpload?SelectionModalCustomStyle:ExtendedSelectionModalCustomStyle,newModalCustomStyles=isMobile?MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends({},DesktopFlyOutModalStyles,{content:videoModalContentStyles}),customStyles=useNewModal?newModalCustomStyles:defaultCustomStyles,spoilerButton=settings.spoiler&&null!=spoilerInInlineToolbar&&spoilerInInlineToolbar.enabled?[{keyName:"spoiler",type:BUTTONS.SPOILER,mobile:!0}]:[],settingsButton=null!=spoilerInInlineToolbar&&spoilerInInlineToolbar.enabled?[]:[{keyName:"settings",type:BUTTONS.VIDEO_SETTINGS,fullHeight:!0,icon:PluginSettingsIcon,modalName:Modals.VIDEO_SETTINGS,modalStyles:getModalStyles({isMobile:isMobile}),t:t,mobile:!0,tooltipTextKey:"SettingsButton_Tooltip",settings:settings,triggerSettingsBi:!0,pluginId:VIDEO_TYPE}];return[{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:"sizeSmallLeft",type:BUTTONS.SIZE_SMALL_LEFT,mobile:!1},{keyName:"sizeSimallRight",type:BUTTONS.SIZE_SMALL_RIGHT,mobile:!1},{keyName:"separator2",type:BUTTONS.SEPARATOR,mobile:!1}].concat(spoilerButton,[{keyName:"replace",type:BUTTONS.EXTERNAL_MODAL,icon:icon,modalElement:decorateComponentWithProps(VideoModal,_extends({},settings)),modalStylesFn:function(_ref2){var buttonRef=_ref2.buttonRef,modalStyles=getModalStyles({customStyles:customStyles,fullScreen:!0,isMobile:isMobile}),_buttonRef$getBoundin=buttonRef.getBoundingClientRect(),top=_buttonRef$getBoundin.top,modalLeft=_buttonRef$getBoundin.left-15,modalTop=top>250?top-250:top+38;return _extends({},modalStyles,{content:_extends({},modalStyles.content,{top:modalTop,left:modalLeft,margin:0,position:"absolute"})})},modalStyles:isMobile?getModalStyles({customStyles:MOBILE_FULL_SCREEN_CUSTOM_STYLE,fullScreen:!0,isMobile:isMobile}):void 0,mobile:!0,tooltipTextKey:"ReplaceVideoButton_Tooltip",t:t}],settingsButton,[{keyName:"delete",type:BUTTONS.DELETE,mobile:!0}])},ReactPlayerWrapper=function(_Component){function ReactPlayerWrapper(props){var _this;return(_this=_Component.call(this,props)||this).isVimeoAndRequireJS=function(){return!isSSR()&&(url=_this.props.url,MATCH_URL=/vimeo\.com\/.+/,!/vimeo\.com\/external\/[0-9]+\..+/.test(url)&&MATCH_URL.test(url))&&!window.Vimeo&&window.requirejs;var url,MATCH_URL},_this.state={vimeoLoaded:!1,isPlaying:!1},_this}_inheritsLoose(ReactPlayerWrapper,_Component);var _proto=ReactPlayerWrapper.prototype;return _proto.componentDidMount=function(){var _this2=this;this.isVimeoAndRequireJS()&&window.require(["https://player.vimeo.com/api/player.js"],(function(player){window.Vimeo={Player:player},_this2.setState({vimeoLoaded:!0})}))},_proto.render=function(){var _this3=this;if(!this.state.vimeoLoaded&&this.isVimeoAndRequireJS())return null;var _this$props=this.props,isPlayable=_this$props.isPlayable,styles=_this$props.styles,disabled=_this$props.disabled;return React.createElement(ReactPlayer,_extends({playing:this.state.isPlaying&&!disabled,onPlay:function(){return _this3.setState({isPlaying:!0})},onPause:function(){return _this3.setState({isPlaying:!1})},style:styles},this.props,{light:!isPlayable}))},ReactPlayerWrapper}(Component);ReactPlayerWrapper.defaultProps={isPlayable:!0};var getVideoSrc=function(src,settings){if(void 0===settings&&(settings={}),"object"==typeof src){if(settings&&settings.getVideoUrl)return settings.getVideoUrl(src);console.error("must set getVideoUrl in plugin config when using custom video source!",src)}return src},styles$1={video_player:"NjOn2",videoOverlay:"_3xYKn",video_container:"oUYOK"},VideoViewer=function(_Component){function VideoViewer(props){var _this;(_this=_Component.call(this,props)||this).setUrl=function(newUrl){var _this$props$onReload,_this$props,url=_this.normalizeUrl(newUrl);url!==_this.state.url&&(_this.setState({url:url}),null===(_this$props$onReload=(_this$props=_this.props).onReload)||void 0===_this$props$onReload||_this$props$onReload.call(_this$props))},_this.normalizeUrl=function(url){return 0===url.toLowerCase().indexOf("vimeo")?"https://"+url:url},_this.findFormalVideoRatio=function(ratio){var target,baseRatios=[1,5/4,4/3,1.5,1.6,16/9,1.85,2,2.35,2.39,3],videoRatios=[].concat(baseRatios,baseRatios.map((function(x){return 1/x}))),closest=(target=ratio,videoRatios.reduce((function(prev,curr){return Math.abs(curr-target)<Math.abs(prev-target)?curr:prev})));return Math.abs(closest-ratio)>.01?ratio:closest},_this.getVideoRatio=function(wrapper){var element=wrapper.querySelector("iframe, video");return _this.findFormalVideoRatio(element.clientHeight/element.clientWidth)},_this.onReactPlayerReady=function(){var _this$props$onReady,_this$props2,wrapper=ReactDOM.findDOMNode(_assertThisInitialized(_this)).parentNode,ratio=_this.getVideoRatio(wrapper);(wrapper.style["padding-bottom"]=100*ratio+"%",_this.props.isLoaded)||((null===(_this$props$onReady=(_this$props2=_this.props).onReady)||void 0===_this$props$onReady?void 0:_this$props$onReady.call(_this$props2))||_this.setState({isLoaded:!0}))},_this.handleContextMenu=function(e){return _this.props.componentData.disableDownload&&e.preventDefault()},_this.disableDownloadProps=function(){var _this$props3=_this.props,componentData=_this$props3.componentData,settings=_this$props3.settings,disableProps={config:{file:{attributes:{controlsList:"nodownload"}}}},disable={};return void 0!==componentData.disableDownload?disable=componentData.disableDownload?disableProps:{}:void 0!==settings.disableDownload&&(disable=settings.disableDownload?disableProps:{}),disable},validate(props.componentData,pluginVideoSchema),_this.state={url:void 0,isLoaded:!1};var _url=getVideoSrc(props.componentData.src,props.settings);return"string"==typeof _url?_this.state={url:_this.normalizeUrl(_url)}:_url&&"function"==typeof _url.then&&_url.then((function(url){return _this.setState({url:_this.normalizeUrl(url)})})),_this}_inheritsLoose(VideoViewer,_Component);var _proto=VideoViewer.prototype;return _proto.componentWillReceiveProps=function(nextProps){var _this2=this;if(!isEqual(nextProps.componentData,this.props.componentData)&&(validate(nextProps.componentData,pluginVideoSchema),nextProps.componentData.src!==this.props.componentData.src)){var url=getVideoSrc(nextProps.componentData.src,nextProps.settings);"string"==typeof url?this.setUrl(url):url&&"function"==typeof url.then&&url.then((function(url){return _this2.setUrl(url)}))}},_proto.componentDidMount=function(){this.setState({key:"mounted"})},_proto.render=function(){var _this$props4=this.props,theme=_this$props4.theme,width=_this$props4.width,height=_this$props4.height,disabled=_this$props4.disabled,setComponentUrl=_this$props4.setComponentUrl;this.styles=this.styles||mergeStyles({styles:styles$1,theme:theme});var _this$state=this.state,url=_this$state.url,key=_this$state.key;null==setComponentUrl||setComponentUrl(url);var props=_extends({url:url,onReady:this.onReactPlayerReady,disabled:disabled,width:width,height:height,key:key},this.disableDownloadProps()),isLoaded=this.props.isLoaded||this.state.isLoaded;return React.createElement(React.Fragment,null,React.createElement(ReactPlayerWrapper,_extends({className:classNames(this.styles.video_player),onContextMenu:this.handleContextMenu,"data-loaded":isLoaded,controls:!1!==this.props.isLoaded},props)))},VideoViewer}(Component);VideoViewer.defaultProps={width:"100%",height:"100%"};var styles={video_player:"_38XzK",videoOverlay:"_2L5av",video_container:"Q31CM",video_overlay:"_37MeN",error:"_3zYcu"},DEFAULTS$1=Object.freeze({config:{size:"content",alignment:"center"}}),VideoComponent=function(_React$Component){function VideoComponent(props){var _this;(_this=_React$Component.call(this,props)||this).setPlayer=function(player){_this.player=player},_this.handleReady=function(){_this.state.isLoaded||_this.props.componentData.tempData||_this.setState({isLoaded:!0})},_this.renderOverlay=function(styles){return React.createElement("div",{className:classNames(styles.video_overlay)})},_this.renderLoader=function(){var isCustomVideo=get(_this.props,"componentData.isCustomVideo");return React.createElement("div",{className:_this.styles.videoOverlay},React.createElement(Loader,{type:"medium",isVerySlowFakeLoader:isCustomVideo}))},_this.onReload=function(){_this.setState({isLoaded:!1})},_this.renderPlayer=function(){var _this$props=_this.props,theme=_this$props.theme,componentData=_this$props.componentData,disabled=_this$props.disabled,settings=_this$props.settings,setComponentUrl=_this$props.setComponentUrl;return React.createElement(VideoViewer,{ref:_this.setPlayer,componentData:componentData,settings:settings,onReady:_this.handleReady,disabled:disabled,theme:theme,setComponentUrl:setComponentUrl,onReload:_this.onReload,isLoaded:_this.state.isLoaded})},_this.onKeyDown=function(e,handler){"Enter"!==e.key&&" "!==e.key||handler()};var isPlayable=!props.blockProps;return _this.state={isLoaded:!1,isPlayable:isPlayable},_this}_inheritsLoose(VideoComponent,_React$Component);var _proto=VideoComponent.prototype;return _proto.componentDidMount=function(){this.handlePlayerFocus()},_proto.componentDidUpdate=function(){this.handlePlayerFocus()},_proto.handlePlayerFocus=function(){var element=findDOMNode(this).querySelector("iframe, video");element&&(element.tabIndex=-1)},_proto.render=function(){var _this2=this;this.styles=this.styles||mergeStyles({styles:styles,theme:this.props.theme});var _this$props2=this.props,className=_this$props2.className,onClick=_this$props2.onClick,t=_this$props2.t,error=_this$props2.componentData.error,_this$state=this.state,isPlayable=_this$state.isPlayable,isLoaded=_this$state.isLoaded,containerClassNames=classNames(this.styles.video_container,className||"");return React.createElement("div",{"data-hook":"videoPlayer",onClick:onClick,className:containerClassNames,onKeyDown:function(e){return _this2.onKeyDown(e,onClick)},draggable:!0},!isPlayable&&this.renderOverlay(this.styles,this.props.t),this.renderPlayer(),!isLoaded&&!error&&this.renderLoader(),error&&React.createElement(MediaItemErrorMsg,{error:error,t:t}))},VideoComponent}(React.Component);VideoComponent.type={VIDEO_TYPE_LEGACY:"VIDEO-EMBED",VIDEO_TYPE:VIDEO_TYPE};var createInsertButtons=function(_ref){var _toolbar$icons,_buttonsMap,t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,disableDownload=_ref.disableDownload,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,componentData=void 0!==disableDownload?_extends({},DEFAULTS$1,{disableDownload:disableDownload}):DEFAULTS$1,newVideoModal=experiments.newVideoModal,useNewModal=null==newVideoModal?void 0:newVideoModal.enabled,_ref2=settings||{},_ref2$exposeButtons=_ref2.exposeButtons,exposeButtons=void 0===_ref2$exposeButtons?[videoButtonsTypes.video]:_ref2$exposeButtons,toolbar=_ref2.toolbar,enableCustomUploadOnMobile=_ref2.enableCustomUploadOnMobile,handleFileSelection=_ref2.handleFileSelection,handleFileUpload=_ref2.handleFileUpload,icon=(null==toolbar||null===(_toolbar$icons=toolbar.icons)||void 0===_toolbar$icons?void 0:_toolbar$icons.InsertPluginButtonIcon)||InsertPluginIcon$1,videoModalCustomStyles=isMobile?MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends({},DesktopFlyOutModalStyles,{content:videoModalContentStyles}),embedModalCustomStyles=isMobile?MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends({},DesktopFlyOutModalStyles,{content:embedModalContentStyles}),modalsStyle=getModalStyles({customStyles:useNewModal?videoModalCustomStyles:isMobile&&!enableCustomUploadOnMobile||!handleFileSelection&&!handleFileUpload?SelectionModalCustomStyle:ExtendedSelectionModalCustomStyle,fullScreen:!!useNewModal,isMobile:isMobile}),modalStyles=useNewModal?isMobile?modalsStyle:void 0:modalsStyle,baseButtonProps={type:BUTTON_TYPES.MODAL,modalElement:decorateComponentWithProps(VideoModal,settings)},buttonsMap=((_buttonsMap={})[videoButtonsTypes.video]={name:INSERT_PLUGIN_BUTTONS.VIDEO,tooltip:t("VideoPlugin_InsertButton_Tooltip"),getIcon:function(){return icon},componentData:componentData},_buttonsMap[videoButtonsTypes.soundCloud]={name:INSERT_PLUGIN_BUTTONS.SOUND_CLOUD,tooltip:t("SoundCloudPlugin_InsertButton_Tooltip"),getIcon:function(){return InsertPluginIcon},componentData:_extends({},DEFAULTS$1,{type:videoButtonsTypes.soundCloud})},_buttonsMap[videoButtonsTypes.youTube]={name:INSERT_PLUGIN_BUTTONS.YOUTUBE,tooltip:t("EmbedURL_Social_YouTube_Title"),getIcon:function(){return YoutubeIcon},componentData:_extends({},DEFAULTS$1,{type:videoButtonsTypes.youTube}),section:"BlockToolbar_Section_Embed_Anywhere"},_buttonsMap),toolbars=useNewModal?[TOOLBARS.MOBILE,TOOLBARS.FOOTER,TOOLBARS.SIDE]:[TOOLBARS.INSERT_PLUGIN,TOOLBARS.MOBILE,TOOLBARS.FOOTER,TOOLBARS.SIDE],videoButtons=exposeButtons.map((function(buttonType){return _extends({},buttonsMap[buttonType],{toolbars:toolbars,modalStyles:modalStyles,modalStylesFn:useNewModal?function(_ref3){var buttonRef=_ref3.buttonRef,toolbarName=_ref3.toolbarName;return getBottomToolbarModalStyles(buttonRef,{customStyles:buttonType===videoButtonsTypes.soundCloud?embedModalCustomStyles:videoModalCustomStyles},toolbarName)}:void 0},baseButtonProps)}));if(useNewModal){var externalToolbarButtons=exposeButtons.map((function(buttonType){var styles=buttonType===videoButtonsTypes.soundCloud?DesktopFlyOutModalStyles:videoModalCustomStyles;return _extends({},buttonsMap[buttonType],{modalStyles:getModalStyles({customStyles:_extends({},styles,DesktopOverlayModalStyles),fullScreen:!1,isMobile:isMobile}),toolbars:[TOOLBARS.INSERT_PLUGIN]},baseButtonProps)}));videoButtons=[].concat(videoButtons,externalToolbarButtons)}return videoButtons},createToolbar=function(_ref){var t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,disableDownload=_ref.disableDownload,experiments=_ref.experiments;return{InlineButtons:createInlineButtons({t:t,settings:settings,isMobile:isMobile,experiments:experiments}),InsertButtons:createInsertButtons({t:t,settings:settings,isMobile:isMobile,disableDownload:disableDownload,experiments:experiments}),name:"video"}};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 createVideoPlugin=function(config){var _config$uiSettings,_config$uiSettings2,helpers=config.helpers,t=config.t,_config$VIDEO_TYPE=config[VIDEO_TYPE],settings=void 0===_config$VIDEO_TYPE?{}:_config$VIDEO_TYPE,isMobile=config.isMobile,spoilerWrapper=config.spoilerWrapper,commonPubsub=config.commonPubsub,experiments=config.experiments,rest=_objectWithoutPropertiesLoose(config,["helpers","t",VIDEO_TYPE,"isMobile","spoilerWrapper","commonPubsub","experiments"].map(_toPropertyKey)),disableDownload=null==config||null===(_config$uiSettings=config.uiSettings)||void 0===_config$uiSettings?void 0:_config$uiSettings.disableDownload,defaultPluginData=void 0!==disableDownload?_extends({},DEFAULTS$1,{disableDownload:disableDownload}):DEFAULTS$1;return createBasePlugin(_extends({component:VideoComponent,type:VIDEO_TYPE,legacyType:"VIDEO-EMBED",toolbar:createToolbar({t:t,settings:_extends({},settings,{commonPubsub:commonPubsub,type:VIDEO_TYPE}),isMobile:isMobile,disableDownload:disableDownload,experiments:experiments}),helpers:helpers,settings:settings,t:t,isMobile:isMobile,disableRightClick:null==config||null===(_config$uiSettings2=config.uiSettings)||void 0===_config$uiSettings2?void 0:_config$uiSettings2.disableRightClick,defaultPluginData:defaultPluginData,spoilerWrapper:settings.spoiler&&spoilerWrapper,commonPubsub:commonPubsub},rest))};createVideoPlugin.functionName=VIDEO_TYPE;var DEFAULTS_config={toolbar:{hidden:[]}},createVideoData=function(pluginData,isRicosSchema){void 0===pluginData&&(pluginData={}),void 0===isRicosSchema&&(isRicosSchema=!1);var videoData=isRicosSchema?convertNodeDataToDraft("VIDEO",pluginData):pluginData;return merge({},DEFAULTS$1,videoData)},Video=function(_ref){var context=_ref.context,componentData=_ref.componentData,theme=context.theme,t=context.t,_context$config=context.config,settings=(void 0===_context$config?{}:_context$config)[VIDEO_TYPE]||{};return React.createElement(VideoComponent,{componentData:componentData,theme:theme,t:t,settings:settings,blockProps:{setFocusToBlock:function(){return null}},setComponentUrl:function(){return null},onClick:function(){}})},videoDataDefaults={containerData:{alignment:"CENTER",width:{size:null,custom:null},spoiler:{enabled:null,description:null,buttonText:null},height:{custom:null},textWrap:null},video:{src:null,width:null,height:null},thumbnail:{src:null,width:null,height:null},disableDownload:null,title:null},name=TIPTAP_VIDEO_TYPE,pluginVideo=function(config){var defaultOptions,pluginConfig=_extends({},DEFAULTS_config,config);return{config:pluginConfig,type:VIDEO_TYPE,createPlugin:createVideoPlugin,ModalsMap:ModalsMap,createPluginData:createVideoData,configFixer:function(){return pluginConfig.uploadHandler=pluginConfig.handleFileUpload||pluginConfig.handleFileSelection},tiptapExtensions:(defaultOptions=pluginConfig,[{type:"node",Component:Video,componentDataDefaults:_extends({},videoDataDefaults,{id:"",loading:{default:!1}}),createExtensionConfig:function(){return{name:name,defaultOptions:defaultOptions,addCommands:function(){return{}}}}}])}};export{Modals,ModalsMap,VIDEO_TYPE,VIDEO_TYPE_LEGACY,VideoViewer,createVideoPlugin,pluginVideo,videoButtonsTypes};
 //# sourceMappingURL=module.js.map

dist/module.viewer.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=require("@babel/runtime/helpers/extends"),_inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),React=require("react"),classNames=require("classnames"),lodash=require("lodash"),wixRichContentCommon=require("wix-rich-content-common"),imageUtils=require("wix-rich-content-common/libs/imageUtils"),pluginImageSchema=require("wix-rich-content-common/dist/statics/schemas/plugin-image.schema.json");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _extends__default=_interopDefaultLegacy(_extends),_inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),pluginImageSchema__default=_interopDefaultLegacy(pluginImageSchema),IMAGE_TYPE="wix-draft-plugin-image",DEFAULTS=Object.freeze({config:{alignment:"center",size:"content",showTitle:!0,showDescription:!0}}),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},imageRenderDescriptor={component:ImageViewer,classNameStrategies:{size: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))])},alignment: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)])}}},typeMapper=function(){var _ref;return(_ref={}).IMAGE=imageRenderDescriptor,_ref[IMAGE_TYPE]=imageRenderDescriptor,_ref};exports.IMAGE_TYPE=IMAGE_TYPE,exports.imageTypeMapper=typeMapper,exports.pluginImage=function(config){return{config:_extends__default.default({},DEFAULTS.config,config),type:IMAGE_TYPE,typeMapper:typeMapper}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=require("@babel/runtime/helpers/extends"),_assertThisInitialized=require("@babel/runtime/helpers/assertThisInitialized"),_inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),React=require("react"),ReactDOM=require("react-dom"),ReactPlayer=require("react-player"),wixRichContentCommon=require("wix-rich-content-common"),classNames=require("classnames"),pluginVideoSchema=require("wix-rich-content-common/dist/statics/schemas/plugin-video.schema.json"),lodash=require("lodash");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _extends__default=_interopDefaultLegacy(_extends),_assertThisInitialized__default=_interopDefaultLegacy(_assertThisInitialized),_inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),React__default=_interopDefaultLegacy(React),ReactDOM__default=_interopDefaultLegacy(ReactDOM),ReactPlayer__default=_interopDefaultLegacy(ReactPlayer),classNames__default=_interopDefaultLegacy(classNames),pluginVideoSchema__default=_interopDefaultLegacy(pluginVideoSchema),VIDEO_TYPE="wix-draft-plugin-video",DEFAULTS_configViewer={getVideoUrl:function(src){return"https://video.wixstatic.com/"+src.pathname}},ReactPlayerWrapper=function(_Component){function ReactPlayerWrapper(props){var _this;return(_this=_Component.call(this,props)||this).isVimeoAndRequireJS=function(){return!wixRichContentCommon.isSSR()&&(url=_this.props.url,MATCH_URL=/vimeo\.com\/.+/,!/vimeo\.com\/external\/[0-9]+\..+/.test(url)&&MATCH_URL.test(url))&&!window.Vimeo&&window.requirejs;var url,MATCH_URL},_this.state={vimeoLoaded:!1,isPlaying:!1},_this}_inheritsLoose__default.default(ReactPlayerWrapper,_Component);var _proto=ReactPlayerWrapper.prototype;return _proto.componentDidMount=function(){var _this2=this;this.isVimeoAndRequireJS()&&window.require(["https://player.vimeo.com/api/player.js"],(function(player){window.Vimeo={Player:player},_this2.setState({vimeoLoaded:!0})}))},_proto.render=function(){var _this3=this;if(!this.state.vimeoLoaded&&this.isVimeoAndRequireJS())return null;var _this$props=this.props,isPlayable=_this$props.isPlayable,styles=_this$props.styles,disabled=_this$props.disabled;return React__default.default.createElement(ReactPlayer__default.default,_extends__default.default({playing:this.state.isPlaying&&!disabled,onPlay:function(){return _this3.setState({isPlaying:!0})},onPause:function(){return _this3.setState({isPlaying:!1})},style:styles},this.props,{light:!isPlayable}))},ReactPlayerWrapper}(React.Component);ReactPlayerWrapper.defaultProps={isPlayable:!0};var getVideoSrc=function(src,settings){if(void 0===settings&&(settings={}),"object"==typeof src){if(settings&&settings.getVideoUrl)return settings.getVideoUrl(src);console.error("must set getVideoUrl in plugin config when using custom video source!",src)}return src},styles={video_player:"NjOn2",videoOverlay:"_3xYKn",video_container:"oUYOK"},VideoViewer=function(_Component){function VideoViewer(props){var _this;(_this=_Component.call(this,props)||this).setUrl=function(newUrl){var _this$props$onReload,_this$props,url=_this.normalizeUrl(newUrl);url!==_this.state.url&&(_this.setState({url:url}),null===(_this$props$onReload=(_this$props=_this.props).onReload)||void 0===_this$props$onReload||_this$props$onReload.call(_this$props))},_this.normalizeUrl=function(url){return 0===url.toLowerCase().indexOf("vimeo")?"https://"+url:url},_this.findFormalVideoRatio=function(ratio){var target,baseRatios=[1,5/4,4/3,1.5,1.6,16/9,1.85,2,2.35,2.39,3],videoRatios=[].concat(baseRatios,baseRatios.map((function(x){return 1/x}))),closest=(target=ratio,videoRatios.reduce((function(prev,curr){return Math.abs(curr-target)<Math.abs(prev-target)?curr:prev})));return Math.abs(closest-ratio)>.01?ratio:closest},_this.getVideoRatio=function(wrapper){var element=wrapper.querySelector("iframe, video");return _this.findFormalVideoRatio(element.clientHeight/element.clientWidth)},_this.onReactPlayerReady=function(){var _this$props$onReady,_this$props2,wrapper=ReactDOM__default.default.findDOMNode(_assertThisInitialized__default.default(_this)).parentNode,ratio=_this.getVideoRatio(wrapper);(wrapper.style["padding-bottom"]=100*ratio+"%",_this.props.isLoaded)||((null===(_this$props$onReady=(_this$props2=_this.props).onReady)||void 0===_this$props$onReady?void 0:_this$props$onReady.call(_this$props2))||_this.setState({isLoaded:!0}))},_this.handleContextMenu=function(e){return _this.props.componentData.disableDownload&&e.preventDefault()},_this.disableDownloadProps=function(){var _this$props3=_this.props,componentData=_this$props3.componentData,settings=_this$props3.settings,disableProps={config:{file:{attributes:{controlsList:"nodownload"}}}},disable={};return void 0!==componentData.disableDownload?disable=componentData.disableDownload?disableProps:{}:void 0!==settings.disableDownload&&(disable=settings.disableDownload?disableProps:{}),disable},wixRichContentCommon.validate(props.componentData,pluginVideoSchema__default.default),_this.state={url:void 0,isLoaded:!1};var _url=getVideoSrc(props.componentData.src,props.settings);return"string"==typeof _url?_this.state={url:_this.normalizeUrl(_url)}:_url&&"function"==typeof _url.then&&_url.then((function(url){return _this.setState({url:_this.normalizeUrl(url)})})),_this}_inheritsLoose__default.default(VideoViewer,_Component);var _proto=VideoViewer.prototype;return _proto.componentWillReceiveProps=function(nextProps){var _this2=this;if(!lodash.isEqual(nextProps.componentData,this.props.componentData)&&(wixRichContentCommon.validate(nextProps.componentData,pluginVideoSchema__default.default),nextProps.componentData.src!==this.props.componentData.src)){var url=getVideoSrc(nextProps.componentData.src,nextProps.settings);"string"==typeof url?this.setUrl(url):url&&"function"==typeof url.then&&url.then((function(url){return _this2.setUrl(url)}))}},_proto.componentDidMount=function(){this.setState({key:"mounted"})},_proto.render=function(){var _this$props4=this.props,theme=_this$props4.theme,width=_this$props4.width,height=_this$props4.height,disabled=_this$props4.disabled,setComponentUrl=_this$props4.setComponentUrl;this.styles=this.styles||wixRichContentCommon.mergeStyles({styles:styles,theme:theme});var _this$state=this.state,url=_this$state.url,key=_this$state.key;null==setComponentUrl||setComponentUrl(url);var props=_extends__default.default({url:url,onReady:this.onReactPlayerReady,disabled:disabled,width:width,height:height,key:key},this.disableDownloadProps()),isLoaded=this.props.isLoaded||this.state.isLoaded;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ReactPlayerWrapper,_extends__default.default({className:classNames__default.default(this.styles.video_player),onContextMenu:this.handleContextMenu,"data-loaded":isLoaded,controls:!1!==this.props.isLoaded},props)))},VideoViewer}(React.Component);VideoViewer.defaultProps={width:"100%",height:"100%"};var containerClassName=function(theme){return wixRichContentCommon.mergeStyles({styles:styles,theme:theme}).video_container},typeMapper=function(){var _ref;return(_ref={})["VIDEO-EMBED"]={component:VideoViewer,classNameStrategies:{container:containerClassName}},_ref[VIDEO_TYPE]={component:VideoViewer,classNameStrategies:{container:containerClassName}},_ref};exports.VIDEO_TYPE=VIDEO_TYPE,exports.pluginVideo=function(config){return{config:_extends__default.default({},DEFAULTS_configViewer,config),type:VIDEO_TYPE,typeMapper:typeMapper}},exports.videoTypeMapper=typeMapper;
 //# sourceMappingURL=module.viewer.cjs.js.map

dist/module.viewer.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import React,{Component}from"react";import classNames from"classnames";import{isEqual,includes,get,isFunction,isNumber,upperFirst,camelCase}from"lodash";import{addAnchorTagToUrl,anchorScroll,validate,mergeStyles,GlobalContext,isSSR}from"wix-rich-content-common";import{WIX_MEDIA_DEFAULT,isPNG,getImageSrc}from"wix-rich-content-common/libs/imageUtils";import pluginImageSchema from"wix-rich-content-common/dist/statics/schemas/plugin-image.schema.json";var IMAGE_TYPE="wix-draft-plugin-image",DEFAULTS=Object.freeze({config:{alignment:"center",size:"content",showTitle:!0,showDescription:!0}}),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},imageRenderDescriptor={component:ImageViewer,classNameStrategies:{size: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))])},alignment: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)])}}},typeMapper=function(){var _ref;return(_ref={}).IMAGE=imageRenderDescriptor,_ref[IMAGE_TYPE]=imageRenderDescriptor,_ref},pluginImage=function(config){return{config:_extends({},DEFAULTS.config,config),type:IMAGE_TYPE,typeMapper:typeMapper}};export{IMAGE_TYPE,typeMapper as imageTypeMapper,pluginImage};
+import _extends from"@babel/runtime/helpers/extends";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import React,{Component}from"react";import ReactDOM from"react-dom";import ReactPlayer from"react-player";import{isSSR,validate,mergeStyles}from"wix-rich-content-common";import classNames from"classnames";import pluginVideoSchema from"wix-rich-content-common/dist/statics/schemas/plugin-video.schema.json";import{isEqual}from"lodash";var VIDEO_TYPE="wix-draft-plugin-video",DEFAULTS_configViewer={getVideoUrl:function(src){return"https://video.wixstatic.com/"+src.pathname}},ReactPlayerWrapper=function(_Component){function ReactPlayerWrapper(props){var _this;return(_this=_Component.call(this,props)||this).isVimeoAndRequireJS=function(){return!isSSR()&&(url=_this.props.url,MATCH_URL=/vimeo\.com\/.+/,!/vimeo\.com\/external\/[0-9]+\..+/.test(url)&&MATCH_URL.test(url))&&!window.Vimeo&&window.requirejs;var url,MATCH_URL},_this.state={vimeoLoaded:!1,isPlaying:!1},_this}_inheritsLoose(ReactPlayerWrapper,_Component);var _proto=ReactPlayerWrapper.prototype;return _proto.componentDidMount=function(){var _this2=this;this.isVimeoAndRequireJS()&&window.require(["https://player.vimeo.com/api/player.js"],(function(player){window.Vimeo={Player:player},_this2.setState({vimeoLoaded:!0})}))},_proto.render=function(){var _this3=this;if(!this.state.vimeoLoaded&&this.isVimeoAndRequireJS())return null;var _this$props=this.props,isPlayable=_this$props.isPlayable,styles=_this$props.styles,disabled=_this$props.disabled;return React.createElement(ReactPlayer,_extends({playing:this.state.isPlaying&&!disabled,onPlay:function(){return _this3.setState({isPlaying:!0})},onPause:function(){return _this3.setState({isPlaying:!1})},style:styles},this.props,{light:!isPlayable}))},ReactPlayerWrapper}(Component);ReactPlayerWrapper.defaultProps={isPlayable:!0};var getVideoSrc=function(src,settings){if(void 0===settings&&(settings={}),"object"==typeof src){if(settings&&settings.getVideoUrl)return settings.getVideoUrl(src);console.error("must set getVideoUrl in plugin config when using custom video source!",src)}return src},styles={video_player:"NjOn2",videoOverlay:"_3xYKn",video_container:"oUYOK"},VideoViewer=function(_Component){function VideoViewer(props){var _this;(_this=_Component.call(this,props)||this).setUrl=function(newUrl){var _this$props$onReload,_this$props,url=_this.normalizeUrl(newUrl);url!==_this.state.url&&(_this.setState({url:url}),null===(_this$props$onReload=(_this$props=_this.props).onReload)||void 0===_this$props$onReload||_this$props$onReload.call(_this$props))},_this.normalizeUrl=function(url){return 0===url.toLowerCase().indexOf("vimeo")?"https://"+url:url},_this.findFormalVideoRatio=function(ratio){var target,baseRatios=[1,5/4,4/3,1.5,1.6,16/9,1.85,2,2.35,2.39,3],videoRatios=[].concat(baseRatios,baseRatios.map((function(x){return 1/x}))),closest=(target=ratio,videoRatios.reduce((function(prev,curr){return Math.abs(curr-target)<Math.abs(prev-target)?curr:prev})));return Math.abs(closest-ratio)>.01?ratio:closest},_this.getVideoRatio=function(wrapper){var element=wrapper.querySelector("iframe, video");return _this.findFormalVideoRatio(element.clientHeight/element.clientWidth)},_this.onReactPlayerReady=function(){var _this$props$onReady,_this$props2,wrapper=ReactDOM.findDOMNode(_assertThisInitialized(_this)).parentNode,ratio=_this.getVideoRatio(wrapper);(wrapper.style["padding-bottom"]=100*ratio+"%",_this.props.isLoaded)||((null===(_this$props$onReady=(_this$props2=_this.props).onReady)||void 0===_this$props$onReady?void 0:_this$props$onReady.call(_this$props2))||_this.setState({isLoaded:!0}))},_this.handleContextMenu=function(e){return _this.props.componentData.disableDownload&&e.preventDefault()},_this.disableDownloadProps=function(){var _this$props3=_this.props,componentData=_this$props3.componentData,settings=_this$props3.settings,disableProps={config:{file:{attributes:{controlsList:"nodownload"}}}},disable={};return void 0!==componentData.disableDownload?disable=componentData.disableDownload?disableProps:{}:void 0!==settings.disableDownload&&(disable=settings.disableDownload?disableProps:{}),disable},validate(props.componentData,pluginVideoSchema),_this.state={url:void 0,isLoaded:!1};var _url=getVideoSrc(props.componentData.src,props.settings);return"string"==typeof _url?_this.state={url:_this.normalizeUrl(_url)}:_url&&"function"==typeof _url.then&&_url.then((function(url){return _this.setState({url:_this.normalizeUrl(url)})})),_this}_inheritsLoose(VideoViewer,_Component);var _proto=VideoViewer.prototype;return _proto.componentWillReceiveProps=function(nextProps){var _this2=this;if(!isEqual(nextProps.componentData,this.props.componentData)&&(validate(nextProps.componentData,pluginVideoSchema),nextProps.componentData.src!==this.props.componentData.src)){var url=getVideoSrc(nextProps.componentData.src,nextProps.settings);"string"==typeof url?this.setUrl(url):url&&"function"==typeof url.then&&url.then((function(url){return _this2.setUrl(url)}))}},_proto.componentDidMount=function(){this.setState({key:"mounted"})},_proto.render=function(){var _this$props4=this.props,theme=_this$props4.theme,width=_this$props4.width,height=_this$props4.height,disabled=_this$props4.disabled,setComponentUrl=_this$props4.setComponentUrl;this.styles=this.styles||mergeStyles({styles:styles,theme:theme});var _this$state=this.state,url=_this$state.url,key=_this$state.key;null==setComponentUrl||setComponentUrl(url);var props=_extends({url:url,onReady:this.onReactPlayerReady,disabled:disabled,width:width,height:height,key:key},this.disableDownloadProps()),isLoaded=this.props.isLoaded||this.state.isLoaded;return React.createElement(React.Fragment,null,React.createElement(ReactPlayerWrapper,_extends({className:classNames(this.styles.video_player),onContextMenu:this.handleContextMenu,"data-loaded":isLoaded,controls:!1!==this.props.isLoaded},props)))},VideoViewer}(Component);VideoViewer.defaultProps={width:"100%",height:"100%"};var containerClassName=function(theme){return mergeStyles({styles:styles,theme:theme}).video_container},typeMapper=function(){var _ref;return(_ref={})["VIDEO-EMBED"]={component:VideoViewer,classNameStrategies:{container:containerClassName}},_ref[VIDEO_TYPE]={component:VideoViewer,classNameStrategies:{container:containerClassName}},_ref},pluginVideo=function(config){return{config:_extends({},DEFAULTS_configViewer,config),type:VIDEO_TYPE,typeMapper:typeMapper}};export{VIDEO_TYPE,pluginVideo,typeMapper as videoTypeMapper};
 //# sourceMappingURL=module.viewer.js.map

dist/src/classNameStrategies.d.ts

@@ -1,4 +0,3 @@
-import { ClassNameStrategy } from 'wix-rich-content-common';
-export declare const alignmentClassName: ClassNameStrategy;
-export declare const sizeClassName: ClassNameStrategy;
+import { ContainerClassNameStrategy } from 'wix-rich-content-common';
+export declare const containerClassName: ContainerClassNameStrategy;
 //# sourceMappingURL=classNameStrategies.d.ts.map

dist/src/editor.d.ts

@@ -1,4 +0,4 @@
-import { ImagePluginEditorConfig } from './types';
+import { VideoPluginEditorConfig } from './types';
 import { EditorPluginCreator } from 'wix-rich-content-common';
-export declare const pluginImage: EditorPluginCreator<ImagePluginEditorConfig>;
+export declare const pluginVideo: EditorPluginCreator<VideoPluginEditorConfig>;
 //# sourceMappingURL=editor.d.ts.map

dist/src/icons/index.d.ts

@@ -1,4 +0,6 @@
-export { default as InsertPluginIcon } from './InsertPluginIcon';
+export { default as VideoInsertPluginIcon } from './VideoInsertPluginIcon';
+export { default as SoundCloudInsertPluginIcon } from './SoundCloudInsertPluginIcon';
 export { default as MediaReplaceIcon } from './MediaReplaceIcon';
-export { default as ImageEditorIcon } from './ImageEditorIcon';
+export { default as VideoCameraIcon } from './VideoCameraIcon';
+export { default as YoutubeIcon } from './YoutubeIcon';
 //# sourceMappingURL=index.d.ts.map

dist/src/index.d.ts

@@ -1,7 +0,6 @@
-export { createImagePlugin } from './createImagePlugin';
-export { default as ImageViewer } from './image-viewer';
-export { IMAGE_TYPE_LEGACY, IMAGE_TYPE } from './types';
+export { createVideoPlugin } from './createVideoPlugin';
+export { default as VideoViewer } from './video-viewer';
+export { VIDEO_TYPE_LEGACY, VIDEO_TYPE, videoButtonsTypes } from './types';
 export { Modals, ModalsMap } from './modals';
-export { pluginImage } from './editor';
-export { Component as ImageComponent } from './image-component';
+export { pluginVideo } from './editor';
 //# sourceMappingURL=index.d.ts.map

dist/src/modals.d.ts

@@ -1,11 +0,11 @@
-import ImageSettingsModal from './toolbar/image-settings';
-import ImageEditorModal from './imageStudio/image-editor';
+/// <reference types="react" />
+import VideoSelectionInputModal from './toolbar/videoSelectionInputModal';
 declare const Modals: {
-    IMAGE_SETTINGS: string;
-    IMAGE_EDITOR: string;
+    VIDEO_SELECTION_INPUT: string;
+    VIDEO_SETTINGS: string;
 };
 declare const ModalsMap: {
-    [x: string]: typeof ImageSettingsModal | typeof ImageEditorModal;
+    [x: string]: typeof VideoSelectionInputModal | import("react").FC<import("./types").VideoSettingsProps>;
 };
 export { Modals, ModalsMap };
 //# sourceMappingURL=modals.d.ts.map

dist/src/tiptap/component.d.ts

 import React from 'react';
 import { PluginProps } from 'wix-rich-content-editor-common';
-export declare const Image: React.FC<PluginProps>;
+export declare const Video: React.FC<PluginProps>;
 //# sourceMappingURL=component.d.ts.map

dist/src/tiptap/tiptap.d.ts

 import { CreateRicosExtensions } from 'wix-tiptap-editor';
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        image: {
-            /**
-             * Toggle a paragraph
-             */
-            setImageUrl: (url: string) => ReturnType;
-            /**
-             * Update Image's loading state
-             */
-            setImageLoading: (isLoading: boolean) => ReturnType;
-        };
-    }
-}
 export declare const createRicosExtensions: CreateRicosExtensions;
 //# sourceMappingURL=tiptap.d.ts.map

dist/src/types.d.ts

@@ -1,60 +0,29 @@
-import { EditorPluginConfig, ViewerPluginConfig } from 'wix-rich-content-common';
-export declare const IMAGE_TYPE = "wix-draft-plugin-image";
-export declare const IMAGE_TYPE_LEGACY = "IMAGE";
-export declare type ImageEditorWixSettings = {
-    initiator: string;
-    siteToken: string;
-    metaSiteId: string;
-    mediaRoot: string;
+/// <reference types="i18next" />
+import { EditorPluginConfig, ViewerPluginConfig, ComponentData, Helpers, Pubsub, TranslationFunction, RichContentTheme } from 'wix-rich-content-common';
+export declare const VIDEO_TYPE = "wix-draft-plugin-video";
+export declare const VIDEO_TYPE_LEGACY = "VIDEO-EMBED";
+export declare const videoButtonsTypes: {
+    video: string;
+    soundCloud: string;
+    youTube: string;
 };
-export interface ImageConfig {
-    size?: string;
-    alignment?: string;
-    showTitle?: boolean;
-    showDescription?: boolean;
-    link?: {
-        anchor: unknown;
-        url: string;
-    };
-    width?: number;
+export declare const mediaTypes: string[];
+export interface VideoPluginEditorConfig extends EditorPluginConfig {
+    [key: string]: any;
 }
-export interface ImagePluginEditorConfig extends EditorPluginConfig, ImageConfig {
+export interface VideoPluginViewerConfig extends ViewerPluginConfig {
     [key: string]: any;
-    spoiler?: {
-        buttonContent: string | undefined;
-        description: string | undefined;
-        enabled: boolean | undefined;
-    };
-    defaultData?: {
-        config?: ImageConfig;
-        disableExpand?: boolean;
-    };
-    imageProps?: HTMLImageElement;
-    createGalleryForMultipleImages?: boolean;
-    imageEditor?: boolean;
-    consumer?: string;
-    imageEditorWixSettings?: ImageEditorWixSettings;
-    onImageEditorOpen?: () => void;
 }
-declare type ImageSrc = Record<string, unknown>;
-export interface ImagePluginViewerConfig extends ViewerPluginConfig, ImageConfig {
-    onExpand?: (blockkey: string) => unknown;
-    disableExpand?: boolean;
-    imageProps?: ((src: ImageSrc) => HTMLImageElement) | HTMLImageElement;
-}
-export interface ImageData {
-    config: ImageConfig;
-    src: {
-        fallback: string;
-        width: number;
-    };
-    metadata?: {
-        caption?: unknown;
-        alt?: string | undefined;
-    };
-    [key: string]: unknown;
+export declare type VideoData = ComponentData & {
     disableDownload?: boolean;
-    disableExpand?: boolean;
+};
+export interface VideoSettingsProps {
+    componentData: VideoData;
+    helpers: Helpers;
+    pubsub: Pubsub;
+    theme: RichContentTheme;
+    t: TranslationFunction;
+    isMobile: boolean;
+    settings: VideoPluginEditorConfig;
 }
-export {};
 //# sourceMappingURL=types.d.ts.map

dist/src/viewer-loadable.d.ts

@@ -0,6 +1,6 @@
+import { VIDEO_TYPE, VideoPluginViewerConfig } from './types';
 import { typeMapper } from './typeMapper-loadable';
-import { IMAGE_TYPE, ImagePluginViewerConfig } from './types';
 import { ViewerPluginCreator } from 'wix-rich-content-common';
-export { typeMapper as imageTypeMapper, IMAGE_TYPE };
-export declare const pluginImage: ViewerPluginCreator<ImagePluginViewerConfig>;
+export { VIDEO_TYPE, typeMapper as videoTypeMapper };
+export declare const pluginVideo: ViewerPluginCreator<VideoPluginViewerConfig>;
 //# sourceMappingURL=viewer-loadable.d.ts.map

dist/src/viewer.d.ts

@@ -0,6 +1,6 @@
+import { VIDEO_TYPE, VideoPluginViewerConfig } from './types';
 import { typeMapper } from './typeMapper';
-import { IMAGE_TYPE, ImagePluginViewerConfig } from './types';
 import { ViewerPluginCreator } from 'wix-rich-content-common';
-export { typeMapper as imageTypeMapper, IMAGE_TYPE };
-export declare const pluginImage: ViewerPluginCreator<ImagePluginViewerConfig>;
+export { VIDEO_TYPE, typeMapper as videoTypeMapper };
+export declare const pluginVideo: ViewerPluginCreator<VideoPluginViewerConfig>;
 //# sourceMappingURL=viewer.d.ts.map

package.json

@@ -1,1 +0,1 @@
-{"name":"richlagetest","version":"0.0.0-1c3a1503548c1b834eb069a652d8d16a95bb5690"}
+{"name":"richlagetest","version":"0.0.0-21eaeee48a819fa2c1df0adea07af62de5621846"}

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

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

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

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 1 instance in 1 package

Improved metrics

Number of package files

96

increased by20%

Worsened metrics

Total package byte prevSize

366664

decreased by-14.07%

Lines of code

892

decreased by-13.06%

Number of medium supply chain risk alerts

9

increased by80%

No dependency changes