richlagetest - npm Package Compare versions

Comparing version 0.0.0-5fb84c120c5f98649ffa6814156f39e32214f189 to 0.0.0-62f0dcaa5d7b632a563724e31f54c2059aad4fb8

dist/module.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=require("@babel/runtime/helpers/extends"),_objectWithoutPropertiesLoose=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),React=require("react"),wixRichContentEditorCommon=require("wix-rich-content-editor-common"),_inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),wixRichContentCommon=require("wix-rich-content-common"),Modal=require("react-modal"),classNames=require("classnames"),wixRichContentPluginCommons=require("wix-rich-content-plugin-commons");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _extends__default=_interopDefaultLegacy(_extends),_objectWithoutPropertiesLoose__default=_interopDefaultLegacy(_objectWithoutPropertiesLoose),React__default=_interopDefaultLegacy(React),_inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),Modal__default=_interopDefaultLegacy(Modal),classNames__default=_interopDefaultLegacy(classNames),HEADING_TYPE_TO_ELEMENT=Object.freeze({"header-one":"H1","header-two":"H2","header-three":"H3","header-four":"H4","header-five":"H5","header-six":"H6",unstyled:"P"});Object.freeze({H1:"header-one",H2:"header-two",H3:"header-three",H4:"header-four",H5:"header-five",H6:"header-six",P:"unstyled"});var DEFAULT_HEADERS_DROPDOWN_OPTIONS=Object.freeze(["P","H1","H2","H3","H4","H5","H6"]),styles$1={fontElementMap:"_1v6jk",headingsPanel:"_1uJph",headingsPanel_selectedHeading:"_vFRU",headingsMobilePanel:"_6OoV",headingsPanelContainer:"_2lsQ2",headingsPanelContainer_mobile:"_1gtbV"},Panel=function(_Component){function Panel(){return _Component.apply(this,arguments)||this}return _inheritsLoose__default.default(Panel,_Component),Panel.prototype.render=function(){var _this$props=this.props,customHeadingsOptions=_this$props.customHeadingsOptions,selected=_this$props.selected,onSave=_this$props.onSave,styles=_this$props.styles,translateHeading=_this$props.translateHeading,isMobile=_this$props.isMobile;return React__default.default.createElement("div",{className:isMobile?styles.headingsMobilePanel:styles.headingsPanel,"data-hook":"headingsDropdownPanel"},customHeadingsOptions.map((function(heading){return function(heading,isSelected,_onClick,translateHeading){var content=translateHeading(heading),type=wixRichContentPluginCommons.HEADER_TYPE_MAP[heading];return React__default.default.createElement("button",{className:isSelected?styles$1.headingsPanel_selectedHeading:"",onClick:function(){return _onClick(type,heading)}},content)}(heading,selected===heading,onSave,translateHeading)})))},Panel}(React.Component),HeadingsDropDownPanel=function(_Component2){function HeadingsDropDownPanel(props){var _this;return(_this=_Component2.call(this,props)||this).onSaveHeading=function(type,headingName){return _this.props.onSave(type,headingName)},_this.state={heading:props.heading},_this.styles=wixRichContentCommon.mergeStyles({styles:styles$1,theme:props.theme}),_this}return _inheritsLoose__default.default(HeadingsDropDownPanel,_Component2),HeadingsDropDownPanel.prototype.render=function(){var _classNames,_this$props2=this.props,isMobile=_this$props2.isMobile,translateHeading=_this$props2.translateHeading,_this$props2$customHe=_this$props2.customHeadingsOptions,customHeadingsOptions=void 0===_this$props2$customHe?DEFAULT_HEADERS_DROPDOWN_OPTIONS:_this$props2$customHe,heading=this.state.heading,styles=this.styles,selected=heading;return React__default.default.createElement("div",{className:classNames__default.default(styles.headingsPanelContainer,(_classNames={},_classNames[styles.headingsPanelContainer_mobile]=isMobile,_classNames))},React__default.default.createElement(Panel,{styles:styles,selected:selected,onSave:this.onSaveHeading,isMobile:isMobile,translateHeading:translateHeading,customHeadingsOptions:customHeadingsOptions}))},HeadingsDropDownPanel}(React.Component);HeadingsDropDownPanel.contextType=wixRichContentCommon.GlobalContext,HeadingsDropDownPanel.defaultProps={heading:"P"};var styles={headingsModal:"_2smey",headingsModal_mobile:"_3WuK0",headingsModalOverlay:"_3Zx8x",headingsModalOverlay_mobile:"_3Qcwo",headingPopup_button:"_3Vgep",headingPopup:"_1uePs"},HeadingButton=function(_Component){function HeadingButton(props){var _this;return(_this=_Component.call(this,props)||this).findCurrentHeading=function(){var currentEditorState=_this.props.getEditorState(),selection=currentEditorState.getSelection(),headingType=currentEditorState.getCurrentContent().blockMap.get(selection.anchorKey).getType(),currentHeading=HEADING_TYPE_TO_ELEMENT[headingType]||"P";_this.setState({currentHeading:currentHeading})},_this.openPanel=function(){_this.currentEditorState=_this.oldEditorState=_this.props.getEditorState(),_this.selection=_this.oldEditorState.getSelection();var _this$buttonRef$getBo=_this.buttonRef.getBoundingClientRect(),bottom=_this$buttonRef$getBo.bottom,left=_this$buttonRef$getBo.left;_this.props.setKeepOpen(!0),_this.setState({isPanelOpen:!0,panelLeft:left-15,panelTop:bottom})},_this.closePanel=function(){_this.setState({isPanelOpen:!1}),_this.props.setKeepOpen(!1)},_this.updateHeading=function(type,element){var _helpers$onToolbarBut,_helpers$onPluginAdd,_helpers$onPluginAddS,_this$props=_this.props,setEditorState=_this$props.setEditorState,getEditorState=_this$props.getEditorState,helpers=_this$props.helpers,editorState=getEditorState(),isAddEvent=!wixRichContentEditorCommon.hasBlockType(type,editorState),newEditorState=wixRichContentEditorCommon.RichUtils.toggleBlockType(editorState,type);null==helpers||null===(_helpers$onToolbarBut=helpers.onToolbarButtonClick)||void 0===_helpers$onToolbarBut||_helpers$onToolbarBut.call(helpers,{pluginId:wixRichContentCommon.HEADINGS_DROPDOWN_TYPE,buttonName:wixRichContentEditorCommon.FORMATTING_BUTTONS.HEADINGS,value:type}),isAddEvent&&(null==helpers||null===(_helpers$onPluginAdd=helpers.onPluginAdd)||void 0===_helpers$onPluginAdd||_helpers$onPluginAdd.call(helpers,type,"FormattingToolbar")),setEditorState(wixRichContentEditorCommon.EditorState.forceSelection(newEditorState,_this.selection)),isAddEvent&&(null==helpers||null===(_helpers$onPluginAddS=helpers.onPluginAddSuccess)||void 0===_helpers$onPluginAddS||_helpers$onPluginAddS.call(helpers,type,"FormattingToolbar")),_this.currentEditorState=newEditorState,_this.setState({currentHeading:element})},_this.translateHeading=function(option){void 0===option&&(option="");var t=_this.props.t;return 1===option.length?t("FormattingToolbar_TextStyle_Paragraph"):t("FormattingToolbar_TextStyle_Heading",{number:option.slice(-1)})},_this.fixEllipsis=function(text){if(void 0===text&&(text=""),text.length>10){var number=text.slice(-1);return"number"==typeof number?text.slice(0,5)+"..."+number:text.slice(0,6)+"..."}return text},_this.save=function(type,element){_this.closePanel(),type?_this.updateHeading(type,element):_this.props.setEditorState(wixRichContentEditorCommon.EditorState.forceSelection(_this.currentEditorState,_this.selection))},_this.state={showPanel:!1,currentHeading:"P"},_this.styles=wixRichContentCommon.mergeStyles({styles:styles,theme:props.theme}),_this.dataHookText="headingsDropdownButton",_this}_inheritsLoose__default.default(HeadingButton,_Component);var _proto=HeadingButton.prototype;return _proto.componentWillReceiveProps=function(){this.findCurrentHeading()},HeadingButton.getModalParent=function(){return document.querySelector(".DraftEditor-root").parentNode},_proto.render=function(){var _classNames,_classNames2,_this2=this,_this$props2=this.props,theme=_this$props2.theme,helpers=_this$props2.helpers,isMobile=_this$props2.isMobile,t=_this$props2.t,tabIndex=_this$props2.tabIndex,toolbarName=_this$props2.toolbarName,customHeadings=_this$props2.customHeadings,inlinePopups=_this$props2.inlinePopups,tooltipText=t("FormattingToolbar_TextStyleButton_Tooltip"),_this$state=this.state,isPanelOpen=_this$state.isPanelOpen,panelTop=_this$state.panelTop,panelLeft=_this$state.panelLeft,currentHeading=_this$state.currentHeading,styles=this.styles,modalStyle=isMobile?{left:0,bottom:0,right:0}:{top:panelTop,left:panelLeft},buttonContent=this.fixEllipsis(this.translateHeading(currentHeading));return isMobile||"StaticTextToolbar"!==toolbarName||!inlinePopups?React__default.default.createElement(wixRichContentEditorCommon.InlineToolbarButton,{onClick:this.openPanel,isActive:isPanelOpen,helpers:helpers,theme:theme,isMobile:isMobile,tooltipText:tooltipText,dataHook:this.dataHookText,formattingButtonName:wixRichContentEditorCommon.FORMATTING_BUTTONS.HEADINGS,tabIndex:tabIndex,buttonContent:buttonContent,showArrowIcon:!0,pluginType:wixRichContentCommon.HEADINGS_DROPDOWN_TYPE,ref:function(_ref){return _this2.buttonRef=_ref}},React__default.default.createElement(Modal__default.default,{isOpen:isPanelOpen,onRequestClose:function(){return _this2.save()},className:classNames__default.default(styles.headingsModal,(_classNames={},_classNames[styles.headingsModal_mobile]=isMobile,_classNames)),overlayClassName:classNames__default.default(styles.headingsModalOverlay,(_classNames2={},_classNames2[styles.headingsModalOverlay_mobile]=isMobile,_classNames2)),parentSelector:HeadingButton.getModalParent,style:{content:modalStyle},ariaHideApp:!1},React__default.default.createElement(HeadingsDropDownPanel,_extends__default.default({customHeadingsOptions:customHeadings,heading:currentHeading,onSave:this.save,isMobile:isMobile,theme:theme,translateHeading:this.translateHeading},this.props)))):React__default.default.createElement("div",{className:styles.headingPopup_button},React__default.default.createElement(wixRichContentEditorCommon.InlineToolbarButton,{onClick:this.openPanel,isActive:isPanelOpen,helpers:helpers,theme:theme,isMobile:isMobile,tooltipText:tooltipText,dataHook:this.dataHookText,formattingButtonName:wixRichContentEditorCommon.FORMATTING_BUTTONS.HEADINGS,tabIndex:tabIndex,buttonContent:buttonContent,showArrowIcon:!0,pluginType:wixRichContentCommon.HEADINGS_DROPDOWN_TYPE,ref:function(_ref2){return _this2.buttonRef=_ref2}},isPanelOpen&&React__default.default.createElement("div",{className:styles.headingPopup},React__default.default.createElement(wixRichContentEditorCommon.ClickOutside,{onClickOutside:function(){return _this2.save()}},React__default.default.createElement(HeadingsDropDownPanel,_extends__default.default({customHeadingsOptions:customHeadings,heading:currentHeading,onSave:this.save,isMobile:isMobile,theme:theme,translateHeading:this.translateHeading},this.props))))))},HeadingButton}(React.Component);HeadingButton.defaultProps={inlinePopups:!1,setKeepOpen:function(){}};var HEADINGS_DROPDOWN_TYPE="wix-rich-content-plugin-headings",createToolbar=function(config){var _isActive,oldEditorState,oldSelection,theme=config.theme,getEditorState=config.getEditorState,isMobile=config.isMobile,_config$HEADINGS_DROP=config[HEADINGS_DROPDOWN_TYPE],settings=void 0===_config$HEADINGS_DROP?{}:_config$HEADINGS_DROP,helpers=config.helpers,t=config.t,setEditorState=config.setEditorState,save=function(type,element){var _helpers$closeModal;null==helpers||null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal||_helpers$closeModal.call(helpers),_isActive=!1,type?updateHeading(type,element):setEditorState(wixRichContentEditorCommon.EditorState.forceSelection(oldEditorState,oldSelection))},updateHeading=function(type,element){var newEditorState=wixRichContentEditorCommon.RichUtils.toggleBlockType(getEditorState(),type);setEditorState(wixRichContentEditorCommon.EditorState.forceSelection(newEditorState,oldSelection)),oldEditorState=newEditorState,currentHeading=element},getCurrentHeading=function(){var _editorState$getCurre,editorState=getEditorState(),selection=editorState.getSelection(),headingType=null===(_editorState$getCurre=editorState.getCurrentContent().getBlockMap())||void 0===_editorState$getCurre?void 0:_editorState$getCurre.get(selection.getFocusKey()).getType();return HEADING_TYPE_TO_ELEMENT[headingType]||"P"},translateHeading=function(option){return void 0===option&&(option="P"),"P"===option?t("FormattingToolbar_TextStyle_Paragraph"):t("FormattingToolbar_TextStyle_Heading",{number:option.slice(-1)})},currentHeading="P",HeadingPanel=function(){return oldEditorState=getEditorState(),oldSelection=oldEditorState.getSelection(),currentHeading=getCurrentHeading(),React__default.default.createElement(HeadingsDropDownPanel,{customHeadingsOptions:null==settings?void 0:settings.customHeadings,heading:currentHeading,onSave:save,isMobile:isMobile,theme:theme,translateHeading:translateHeading})},modalStylesFn=function(ref){var _ref$getBoundingClien=ref.getBoundingClientRect(),bottom=_ref$getBoundingClien.bottom;return{content:{margin:0,width:142,overflow:"visible",transform:"translateY(0)",left:_ref$getBoundingClien.left-15,top:bottom},overlay:{background:"transparent"}}};return{name:"Headings",TextButtonMapper:function(){var _ref2;return(_ref2={})[wixRichContentEditorCommon.FORMATTING_BUTTONS.HEADINGS]={component:wixRichContentEditorCommon.decorateComponentWithProps(HeadingButton,settings),externalizedButtonProps:{onClose:function(){return _isActive=!1},onClick:function(_ref){return function(ref){var _helpers$openModal,modalStyles=wixRichContentEditorCommon.getModalStyles({customStyles:modalStylesFn(ref),fullScreen:!1,isMobile:isMobile});null==helpers||null===(_helpers$openModal=helpers.openModal)||void 0===_helpers$openModal||_helpers$openModal.call(helpers,{modalStyles:modalStyles,helpers:helpers,isMobile:isMobile,modalElement:HeadingPanel,theme:theme}),_isActive=!0}(_ref.ref)},isActive:function(){return _isActive},arrow:!0,isDisabled:function(){return wixRichContentEditorCommon.isAtomicBlockFocused(getEditorState())},getIcon:function(){var _settings$toolbar,_settings$toolbar$ico;return(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[getCurrentHeading()])||function(){return null}},tooltip:t("FormattingToolbar_TextStyleButton_Tooltip"),dataHook:"headingsDropdownButton",getLabel:function(){return translateHeading(getCurrentHeading())},type:wixRichContentEditorCommon.BUTTON_TYPES.DROPDOWN}},_ref2}}},DEFAULTS=Object.freeze({type:HEADINGS_DROPDOWN_TYPE,config:{}});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 _ModalsMap,createHeadingsPlugin=function(config){var helpers=config.helpers,t=config.t,_config$HEADINGS_DROP=config[HEADINGS_DROPDOWN_TYPE],settings=void 0===_config$HEADINGS_DROP?{}:_config$HEADINGS_DROP,isMobile=config.isMobile,rest=_objectWithoutPropertiesLoose__default.default(config,["helpers","t",HEADINGS_DROPDOWN_TYPE,"isMobile"].map(_toPropertyKey));return wixRichContentPluginCommons.createBasePlugin(_extends__default.default({toolbar:createToolbar(config),helpers:helpers,settings:settings,t:t,isMobile:isMobile,type:HEADINGS_DROPDOWN_TYPE,defaultPluginData:DEFAULTS},rest))};createHeadingsPlugin.functionName=HEADINGS_DROPDOWN_TYPE;var Modals={HEADINGS:"HEADINGS"},ModalsMap=((_ModalsMap={})[Modals.HEADINGS]=HeadingsDropDownPanel,_ModalsMap);exports.HEADINGS_DROPDOWN_TYPE=HEADINGS_DROPDOWN_TYPE,exports.Modals=Modals,exports.ModalsMap=ModalsMap,exports.createHeadingsPlugin=createHeadingsPlugin,exports.pluginHeadings=function(config){return{config:_extends__default.default({},DEFAULTS.config,config),type:HEADINGS_DROPDOWN_TYPE,createPlugin:createHeadingsPlugin,ModalsMap:ModalsMap}};
+"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"),_inheritsLoose=require("@babel/runtime/helpers/inheritsLoose"),React=require("react"),wixRichContentCommon=require("wix-rich-content-common"),verticalEmbedSchema=require("wix-rich-content-common/dist/statics/schemas/vertical-embed.schema.json"),classnames=require("classnames"),lodash=require("lodash"),wixRichContentEditorCommon=require("wix-rich-content-editor-common"),wixRichContentUiComponents=require("wix-rich-content-ui-components");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _dataTypeMapper,_extends__default=_interopDefaultLegacy(_extends),_objectWithoutPropertiesLoose__default=_interopDefaultLegacy(_objectWithoutPropertiesLoose),_inheritsLoose__default=_interopDefaultLegacy(_inheritsLoose),React__default=_interopDefaultLegacy(React),verticalEmbedSchema__default=_interopDefaultLegacy(verticalEmbedSchema),classnames__default=_interopDefaultLegacy(classnames),VERTICAL_EMBED_TYPE="wix-draft-plugin-vertical-embed",styles$3={card:"eSWSJ",link:"_3FwrF",container:"aMyTV",image:"_3hjHR",cardLayout:"_33kqy",content:"_26Lqs",title:"_1Npvf",subtitle:"_2a6W8",button:"MUh8b",buttonText:"_2tWJB",slimLayout:"nep6I",rtl:"_atWu",ltr:"_15JaP"},verticalEmbedProviders={event:"event",booking:"booking",product:"product"},contentTypeMap={event:"Events",booking:"Bookings",product:"Stores"},modalContentStyles={width:440,height:522,padding:20,boxSizing:"border-box",border:"solid 1px rgba(51, 51, 51, 0.1)",boxShadow:"0 0 10px 0 rgba(0, 0, 0, 0.06)"},convertDuration=function(durationInMinutes,t){if(!lodash.isNumber(durationInMinutes))return"";if(durationInMinutes<60)return t("VerticalEmbed_Units_Minute",{minutes:durationInMinutes});var hours=durationInMinutes/60,rhours=Math.floor(hours),minutes=60*(hours-rhours),rminutes=Math.round(minutes);return 0===rminutes?t("VerticalEmbed_Units_Hour",{hours:rhours}):t("VerticalEmbed_Units_Hour",{hours:rhours})+" "+t("VerticalEmbed_Units_Minute",{minutes:rminutes})},dataTypeMapper=((_dataTypeMapper={})[verticalEmbedProviders.booking]=function(data,t){var name=data.name,imageSrc=data.imageSrc,pageUrl=data.pageUrl,durations=data.durations;return{url:pageUrl,imageSrc:imageSrc,content:{title:name,info:{leftSubtitle:durations&&convertDuration(durations,t)},buttonText:t("VerticalEmbed_Bookings_Button")}}},_dataTypeMapper[verticalEmbedProviders.event]=function(data,t){var name=data.name,imageSrc=data.imageSrc,scheduling=data.scheduling;return{url:data.pageUrl,imageSrc:imageSrc,content:{title:name,info:{leftSubtitle:scheduling,rightSubtitle:data.location},buttonText:t("VerticalEmbed_Events_Button")}}},_dataTypeMapper[verticalEmbedProviders.product]=function(data,t){var name=data.name,imageSrc=data.imageSrc;return{url:data.pageUrl,imageSrc:imageSrc,content:{title:name,buttonText:t("VerticalEmbed_Products_Button")}}},_dataTypeMapper),CardContent=function(props){var title=props.title,info=props.info,buttonText=props.buttonText;return React__default.default.createElement("div",{className:styles$3.content},React__default.default.createElement("div",null,React__default.default.createElement("div",{className:styles$3.title},function(title){return title.length<=80?title:title.substring(0,80)+"..."}(title)),info&&function(info){return info.leftSubtitle&&React__default.default.createElement("div",{className:styles$3.subtitle},info.leftSubtitle,info.rightSubtitle&&React__default.default.createElement("span",null,React__default.default.createElement("span",{className:styles$3.right},"|"),info.rightSubtitle))}(info)),React__default.default.createElement("div",{className:styles$3.button},React__default.default.createElement("div",{className:styles$3.buttonText},buttonText)))},Card=function(props){var url=props.url,imageSrc=props.imageSrc,content=props.content,direction=props.direction;return React__default.default.createElement("a",{className:styles$3.link,href:url,target:"_blank"},React__default.default.createElement("div",{style:{direction:direction},className:classnames__default.default(styles$3[direction],styles$3.container,styles$3.cardLayout)},imageSrc&&React__default.default.createElement("div",{style:{backgroundImage:"url("+imageSrc+")"},className:styles$3.image}),React__default.default.createElement(CardContent,content)))},VerticalEmbedComponent=function(_PureComponent){function VerticalEmbedComponent(props){var _this;return(_this=_PureComponent.call(this,props)||this).onClick=function(){var _this$props$helpers$o,_this$props$helpers;return null===(_this$props$helpers$o=(_this$props$helpers=_this.props.helpers).onViewerAction)||void 0===_this$props$helpers$o?void 0:_this$props$helpers$o.call(_this$props$helpers,VERTICAL_EMBED_TYPE,"Click",_this.props.componentData.type)},wixRichContentCommon.validate(props.componentData,verticalEmbedSchema__default.default),_this}return _inheritsLoose__default.default(VerticalEmbedComponent,_PureComponent),VerticalEmbedComponent.prototype.render=function(){var _classnames,_this$props=this.props,componentData=_this$props.componentData,className=_this$props.className,_this$props$settings$=_this$props.settings.slimLayout,slimLayout=void 0!==_this$props$settings$&&_this$props$settings$,t=_this$props.t,locale=_this$props.locale,selectedProduct=componentData.selectedProduct,type=componentData.type,props=dataTypeMapper[type](selectedProduct,t),direction=wixRichContentCommon.getLangDir(locale);return React__default.default.createElement("div",{className:classnames__default.default(className,styles$3.card,(_classnames={},_classnames[styles$3.slimLayout]=slimLayout,_classnames)),"data-hook":"vertical-embed",onClick:this.onClick},React__default.default.createElement(Card,_extends__default.default({},props,{t:t,direction:direction})))},VerticalEmbedComponent}(React.PureComponent),Event=function(props){return React__default.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 25 24"},props),React__default.default.createElement("g",{fill:"currentColor",fillRule:"evenodd"},React__default.default.createElement("path",{d:"M2.526 21.553h18.948V3.789H2.526v17.764zm1.185-14.21h16.578v-2.37H3.711v2.37zm0 13.025h16.578V8.526H3.711v11.842z",transform:"translate(.333)"}),React__default.default.createElement("path",{d:"M8.16 0L8.842 0.682 3.599 6.316 0 3.461 0.583 2.684 3.508 4.985z",transform:"translate(.333) translate(7.579 11.368)"}),React__default.default.createElement("path",{stroke:"currentColor",d:"M16.921 3.026H17.921V5.8149999999999995H16.921zM6.816 3.026H7.816V5.8149999999999995H6.816z",transform:"translate(.333)"})))},Product=function(props){return React__default.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:"19",height:"19",viewBox:"0 0 25 24"},props),React__default.default.createElement("defs",null,React__default.default.createElement("filter",{id:"prefix__a",width:"179.2%",height:"215.2%",x:"-39.6%",y:"-57.6%",filterUnits:"objectBoundingBox"},React__default.default.createElement("feOffset",{in:"SourceAlpha",result:"shadowOffsetOuter1"}),React__default.default.createElement("feMorphology",{in:"SourceAlpha",radius:"1",result:"shadowInner"}),React__default.default.createElement("feOffset",{in:"shadowInner",result:"shadowInner"}),React__default.default.createElement("feComposite",{in:"shadowOffsetOuter1",in2:"shadowInner",operator:"out",result:"shadowOffsetOuter1"}),React__default.default.createElement("feGaussianBlur",{in:"shadowOffsetOuter1",result:"shadowBlurOuter1",stdDeviation:"2.5"}),React__default.default.createElement("feColorMatrix",{in:"shadowBlurOuter1",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"})),React__default.default.createElement("path",{id:"prefix__b",d:"M0 4.737L18.947 4.737 17.763 17.763 1.184 17.763z"})),React__default.default.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(3.193 2.526)"},React__default.default.createElement("use",{fill:"currentColor",filter:"url(#prefix__a)",xlinkHref:"#prefix__b"}),React__default.default.createElement("path",{stroke:"currentColor",strokeLinecap:"square",d:"M18.4 5.237H.548L1.64 17.263h15.666L18.4 5.237z"}),React__default.default.createElement("path",{fillRule:"nonzero",stroke:"currentColor",d:"M5.921 4.737v-.948C5.921 1.697 7.511 0 9.474 0c1.962 0 3.552 1.697 3.552 3.79v.947"})))},Booking=function(props){return React__default.default.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 24 24"},props),React__default.default.createElement("g",{fill:"currentColor",fillRule:"evenodd"},React__default.default.createElement("path",{d:"M21.474 3.79v17.763H2.526V3.789h18.948zm-1.185 4.736H3.711v11.842h16.578V8.526zm-2.368 7.106V18h-2.368v-2.368h2.368zm-4.737 0V18h-2.368v-2.368h2.368zm-4.737 0V18H6.08v-2.368h2.368zm0-4.737v2.368H6.08v-2.368h2.368zm4.737 0v2.368h-2.368v-2.368h2.368zm4.737 0v2.368h-2.368v-2.368h2.368zm2.368-5.921H3.711v2.37h16.578v-2.37z"}),React__default.default.createElement("path",{stroke:"currentColor",d:"M16.921 3.026H17.921V5.8149999999999995H16.921zM6.816 3.026H7.816V5.8149999999999995H6.816z"})))},ReplaceIcon=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"})))},getModalCustomStyles=function(isMobile){var content={maxWidth:580,minHeight:585};return isMobile&&(content=_extends__default.default({},content,{minHeight:"100%",minWidth:"100%",margin:0,alignContent:"center",top:0,transform:"none",backgroundColor:"white"})),{content:content}},styles$2_container="_2Q-rY",styles$2_mobile="rO2EZ",generalStyles_emptyState="_2FaLJ",generalStyles_title="_3QLpw",generalStyles_description="_25CzD",styles$1_container="_2S0Vi",styles$1_selected="pS_Dt",styles$1_image="dcuVD",styles$1_title="bIcfu",styles$1_description="_3nVAQ",Item=function(_PureComponent){function Item(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_PureComponent.call.apply(_PureComponent,[this].concat(args))||this).itemRef=React__default.default.createRef(),_this.handleClick=function(){return _this.props.onClick(_this.props.item)},_this}_inheritsLoose__default.default(Item,_PureComponent);var _proto=Item.prototype;return _proto.componentDidMount=function(){var _this$itemRef;this.props.selected&&(null===(_this$itemRef=this.itemRef)||void 0===_this$itemRef||_this$itemRef.current.scrollIntoView())},_proto.render=function(){var _this$props=this.props,selected=_this$props.selected,item=_this$props.item;_this$props.t;var name=item.name,imageSrc=item.imageSrc,getDescription=item.getDescription;return React__default.default.createElement("div",{ref:this.itemRef,className:classnames__default.default(styles$1_container,selected&&styles$1_selected),onClick:this.handleClick},React__default.default.createElement("div",{style:{backgroundImage:"url("+imageSrc+")"},className:styles$1_image,"data-hook":"verticalsImage"}),React__default.default.createElement("div",{className:styles$1_title},name),getDescription&&React__default.default.createElement("div",{className:styles$1_description},getDescription(item)))},Item}(React.PureComponent),ItemsList=function(_PureComponent){function ItemsList(props){var _this;return(_this=_PureComponent.call(this,props)||this).state={selectedItem:{}},_this}return _inheritsLoose__default.default(ItemsList,_PureComponent),ItemsList.prototype.render=function(){var _cx,_this$props=this.props,items=_this$props.items,onClick=_this$props.onClick,selectedItem=_this$props.selectedItem,contentType=_this$props.contentType,t=_this$props.t,isMobile=_this$props.isMobile,emptyState=React__default.default.createElement("div",{className:generalStyles_emptyState},React__default.default.createElement("div",{className:generalStyles_title},t("Embed_Vertical_"+contentType+"_EmptyState_NoItems_Title")),React__default.default.createElement("div",{className:generalStyles_description},t("Embed_Vertical_"+contentType+"_EmptyState_NoItems_Description")));return React__default.default.createElement("div",{className:classnames__default.default(styles$2_container,(_cx={},_cx[styles$2_mobile]=isMobile,_cx)),"data-hook":"verticalsItemsList"},items.length>0?items.map((function(item,index){return React__default.default.createElement(Item,{item:item,key:index,onClick:onClick,selected:(null==selectedItem?void 0:selectedItem.id)===item.id,t:t})})):emptyState)},ItemsList}(React.PureComponent),styles_itemsWrapper="_1OMRl",styles_fileLoaderIcon="_3hZQC",_excluded=["getDescription"],VerticalEmbedInputModal=function(_Component){function VerticalEmbedInputModal(){for(var _this$props$component,_this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).state={errorMsg:"",items:[],selectedProduct:(null===(_this$props$component=_this.props.componentData)||void 0===_this$props$component?void 0:_this$props$component.selectedProduct)||null,status:"LOADING"},_this.onInputChange=function(inputString){void 0===inputString&&(inputString=""),_this.verticalApi.search(inputString).then((function(items){_this.setState({items:items,status:0===items.length?"NOT_FOUND":"READY"})})),_this.setState({inputString:inputString})},_this.onConfirm=function(){var _this$props=_this.props,onConfirm=_this$props.onConfirm,componentData=_this$props.componentData,helpers=_this$props.helpers,onReplace=_this$props.onReplace,selectedProduct=_this.state.selectedProduct;selectedProduct&&((onConfirm||onReplace)(_extends__default.default({},componentData,{selectedProduct:selectedProduct})),helpers.closeModal())},_this.onItemClick=function(_ref){_ref.getDescription;var item=_objectWithoutPropertiesLoose__default.default(_ref,_excluded),_this$state=_this.state,selectedProduct=_this$state.selectedProduct;_this$state.items,item.id===(null==selectedProduct?void 0:selectedProduct.id)?_this.onConfirm():_this.setState({selectedProduct:item})},_this.getItems=function(){var getDescription,_this$props2=_this.props,type=_this$props2.componentData.type,t=_this$props2.t,items=_this.state.items;return type===verticalEmbedProviders.booking?getDescription=function(product){return convertDuration(product.durations,t)}:type===verticalEmbedProviders.event&&(getDescription=function(product){return product.scheduling+" | "+product.location}),getDescription?items.map((function(product){return _extends__default.default({},product,{getDescription:getDescription})})):items},_this}_inheritsLoose__default.default(VerticalEmbedInputModal,_Component);var _proto=VerticalEmbedInputModal.prototype;return _proto.componentDidMount=function(){var _this2=this,_this$props3=this.props,verticalsApi=_this$props3.verticalsApi,type=_this$props3.componentData.type,locale=_this$props3.locale;this.verticalApi=verticalsApi(type,locale);try{this.verticalApi.search("").then((function(items){_this2.setState({items:items,status:0===items.length?"NO_ITEMS":"READY"})}))}catch(e){console.error("failed to load products ",e),this.setState({items:[],status:"NO_ITEMS"})}},_proto.render=function(){var _experiments$newVerti,_this$state2=this.state,inputString=_this$state2.inputString,selectedProduct=_this$state2.selectedProduct,status=_this$state2.status,_this$props4=this.props,t=_this$props4.t,type=_this$props4.componentData.type,helpers=_this$props4.helpers,isMobile=_this$props4.isMobile,experiments=_this$props4.experiments,contentType=contentTypeMap[type],selected=null!==selectedProduct,emptyState=React__default.default.createElement("div",{className:generalStyles_emptyState},React__default.default.createElement("div",{className:generalStyles_title},t("Embed_Vertical_"+contentType+"_EmptyState_NoResults_Title")),React__default.default.createElement("div",{className:generalStyles_description},t("Embed_Vertical_"+contentType+"_EmptyState_NoResults_Description"))),textInput=!!("NO_ITEMS"!==status)&&{searchIcon:!0},UrlInputModalComponent=(null==experiments||null===(_experiments$newVerti=experiments.newVerticalEmbedModal)||void 0===_experiments$newVerti?void 0:_experiments$newVerti.enabled)?wixRichContentUiComponents.SearchInputModal:wixRichContentUiComponents.UrlInputModal;return React__default.default.createElement(UrlInputModalComponent,{onConfirm:this.onConfirm,helpers:helpers,t:t,title:t("Embed_Vertical_"+contentType+"_Title"),dataHook:"verticalEmbedModal",placeholder:t("Embed_Vertical_"+contentType+"_Placeholder"),saveLabel:t("Embed_Add_Button_Label"),onCloseRequested:helpers.closeModal,onInputChange:this.onInputChange,input:inputString,isMobile:isMobile,buttonAlignment:wixRichContentUiComponents.FOOTER_BUTTON_ALIGNMENT.END,controlsPosition:isMobile?wixRichContentUiComponents.MODAL_CONTROLS_POSITION.TOP:wixRichContentUiComponents.MODAL_CONTROLS_POSITION.BOTTOM,selected:selected,textInput:textInput,buttonSize:wixRichContentUiComponents.BUTTON_SIZE.small,showTitle:!isMobile},React__default.default.createElement("div",{className:styles_itemsWrapper},"LOADING"===status?React__default.default.createElement("div",{className:generalStyles_emptyState},React__default.default.createElement(wixRichContentPluginCommons.LoaderIcon,{className:styles_fileLoaderIcon})):"NOT_FOUND"===status?emptyState:React__default.default.createElement(ItemsList,{isMobile:isMobile,selectedItem:selectedProduct,items:this.getItems(),onClick:this.onItemClick,contentType:contentType,t:t})))},VerticalEmbedInputModal}(React.Component),createInlineButtons=function(_ref){var t=_ref.t,isMobile=_ref.isMobile,settings=_ref.settings,locale=_ref.locale,_ref$experiments=_ref.experiments,newVerticalEmbedModal=(void 0===_ref$experiments?{}:_ref$experiments).newVerticalEmbedModal,useNewModal=null==newVerticalEmbedModal?void 0:newVerticalEmbedModal.enabled,newModalCustomStyles=isMobile?wixRichContentUiComponents.MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends__default.default({},wixRichContentUiComponents.DesktopFlyOutModalStyles,{content:modalContentStyles}),customStyles=useNewModal?newModalCustomStyles:getModalCustomStyles(isMobile),defaultModalStyles=wixRichContentEditorCommon.getModalStyles({customStyles:customStyles,fullScreen:!!useNewModal,isMobile:isMobile}),modalStyles=useNewModal?isMobile?defaultModalStyles:void 0:defaultModalStyles;return[{keyName:"replace",type:wixRichContentPluginCommons.BUTTONS.EXTERNAL_MODAL,icon:ReplaceIcon,modalElement:wixRichContentEditorCommon.decorateComponentWithProps(VerticalEmbedInputModal,_extends__default.default({},settings,{locale:locale})),modalStyles:modalStyles,mobile:!0,tooltipTextKey:"Replace product",t:t,modalStylesFn:useNewModal?function(_ref2){var buttonRef=_ref2.buttonRef,modalStyles=wixRichContentEditorCommon.getModalStyles({customStyles:newModalCustomStyles,fullScreen:!0,isMobile:isMobile}),_buttonRef$getBoundin=buttonRef.getBoundingClientRect(),top=_buttonRef$getBoundin.top,modalLeft=_buttonRef$getBoundin.left-15,modalTop=top>522?top-540:top+40;return _extends__default.default({},modalStyles,{content:_extends__default.default({},modalStyles.content,{top:modalTop,left:modalLeft,margin:0,position:"absolute"})})}:void 0},{keyName:"delete",type:wixRichContentPluginCommons.BUTTONS.DELETE,mobile:!0}]},createInsertButtons=function(_ref){var _experiments$newVerti,t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,locale=_ref.locale,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,iconsMap={product:Product,event:Event,booking:Booking},useNewModal=null==experiments||null===(_experiments$newVerti=experiments.newVerticalEmbedModal)||void 0===_experiments$newVerti?void 0:_experiments$newVerti.enabled,newModalCustomStyles=isMobile?wixRichContentUiComponents.MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends__default.default({},wixRichContentUiComponents.DesktopFlyOutModalStyles,{content:modalContentStyles}),customStyles=useNewModal?newModalCustomStyles:getModalCustomStyles(isMobile),modalStylesFn=useNewModal?function(_ref2){var buttonRef=_ref2.buttonRef,toolbarName=_ref2.toolbarName;return wixRichContentEditorCommon.getBottomToolbarModalStyles(buttonRef,{customStyles:customStyles},toolbarName)}:void 0,defaultModalStyles=wixRichContentEditorCommon.getModalStyles({customStyles:customStyles,fullScreen:!!useNewModal,isMobile:isMobile}),modalStyles=useNewModal?isMobile?defaultModalStyles:void 0:defaultModalStyles,_settings$exposeEmbed=settings.exposeEmbedButtons,exposeEmbedButtons=void 0===_settings$exposeEmbed?[]:_settings$exposeEmbed,getIsVisiblePromise=settings.getIsVisiblePromise,buttonsBaseProps=function(type){var contentType=contentTypeMap[type];return{type:wixRichContentEditorCommon.BUTTON_TYPES.MODAL,name:contentType+"_InsertButton",tooltip:t(contentType+"Plugin_InsertButton_Tooltip"),getIcon:function(){return iconsMap[type]},Icon:iconsMap[type],componentData:{type:type},section:"BlockToolbar_Section_Embed_Wix",modalElement:wixRichContentEditorCommon.decorateComponentWithProps(VerticalEmbedInputModal,_extends__default.default({},settings,{locale:locale})),isVisiblePromise:null==getIsVisiblePromise?void 0:getIsVisiblePromise(type,locale),modalStylesFn:modalStylesFn}},toolbars=useNewModal?[wixRichContentEditorCommon.TOOLBARS.MOBILE,wixRichContentEditorCommon.TOOLBARS.FOOTER,wixRichContentEditorCommon.TOOLBARS.SIDE]:[wixRichContentEditorCommon.TOOLBARS.INSERT_PLUGIN,wixRichContentEditorCommon.TOOLBARS.MOBILE,wixRichContentEditorCommon.TOOLBARS.FOOTER,wixRichContentEditorCommon.TOOLBARS.SIDE],verticalEmbedButtons=exposeEmbedButtons.map((function(verticalType){return _extends__default.default({},buttonsBaseProps(verticalType),{toolbars:toolbars,modalStyles:modalStyles})}));if(useNewModal){var externalToolbarButtons=exposeEmbedButtons.map((function(verticalType){return _extends__default.default({},buttonsBaseProps(verticalType),{toolbars:[wixRichContentEditorCommon.TOOLBARS.INSERT_PLUGIN],modalStyles:wixRichContentEditorCommon.getModalStyles({customStyles:_extends__default.default({},customStyles,wixRichContentUiComponents.DesktopOverlayModalStyles),fullScreen:!1,isMobile:isMobile})})}));verticalEmbedButtons=[].concat(verticalEmbedButtons,externalToolbarButtons)}return verticalEmbedButtons},createToolbar=function(_ref){var settings=_ref.settings,t=_ref.t,isMobile=_ref.isMobile,locale=_ref.locale,experiments=_ref.experiments;return{InlineButtons:createInlineButtons({t:t,isMobile:isMobile,settings:settings,locale:locale,experiments:experiments}),InsertButtons:createInsertButtons({t:t,settings:settings,isMobile:isMobile,locale:locale,experiments:experiments}),name:"vertical-embed"}};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 _ModalsMap,createVerticalEmbedPlugin=function(config){var type=VERTICAL_EMBED_TYPE,helpers=config.helpers,theme=config.theme,t=config.t,_config$type=config[type],settings=void 0===_config$type?{}:_config$type,isMobile=config.isMobile,locale=config.locale,localeContent=config.localeContent,experiments=config.experiments,rest=_objectWithoutPropertiesLoose__default.default(config,["helpers","theme","t",type,"isMobile","locale","localeContent","experiments"].map(_toPropertyKey));return wixRichContentPluginCommons.createBasePlugin(_extends__default.default({component:VerticalEmbedComponent,settings:settings,theme:theme,type:type,toolbar:createToolbar({settings:settings,helpers:helpers,t:t,isMobile:isMobile,locale:localeContent||locale,experiments:experiments}),helpers:helpers,t:t,defaultPluginData:{},isMobile:isMobile,locale:localeContent||locale},rest))};createVerticalEmbedPlugin.functionName=VERTICAL_EMBED_TYPE;var Modals={POST_SELECTION_INPUT:"post-selection-input"},ModalsMap=((_ModalsMap={})[Modals.POST_SELECTION_INPUT]=VerticalEmbedInputModal,_ModalsMap);exports.Modals=Modals,exports.ModalsMap=ModalsMap,exports.VERTICAL_EMBED_TYPE=VERTICAL_EMBED_TYPE,exports.createVerticalEmbedPlugin=createVerticalEmbedPlugin,exports.pluginVerticalEmbed=function(config){return{config:_extends__default.default({},config),type:VERTICAL_EMBED_TYPE,createPlugin:createVerticalEmbedPlugin,ModalsMap:ModalsMap}},exports.verticalEmbedProviders=verticalEmbedProviders;
 //# sourceMappingURL=module.cjs.js.map

dist/module.js

@@ -1,2 +0,2 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutPropertiesLoose from"@babel/runtime/helpers/objectWithoutPropertiesLoose";import React,{Component}from"react";import{hasBlockType,RichUtils,FORMATTING_BUTTONS,EditorState,InlineToolbarButton,ClickOutside,decorateComponentWithProps,isAtomicBlockFocused,BUTTON_TYPES,getModalStyles}from"wix-rich-content-editor-common";import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import{mergeStyles,GlobalContext,HEADINGS_DROPDOWN_TYPE as HEADINGS_DROPDOWN_TYPE$1}from"wix-rich-content-common";import Modal from"react-modal";import classNames from"classnames";import{HEADER_TYPE_MAP,createBasePlugin}from"wix-rich-content-plugin-commons";var HEADING_TYPE_TO_ELEMENT=Object.freeze({"header-one":"H1","header-two":"H2","header-three":"H3","header-four":"H4","header-five":"H5","header-six":"H6",unstyled:"P"});Object.freeze({H1:"header-one",H2:"header-two",H3:"header-three",H4:"header-four",H5:"header-five",H6:"header-six",P:"unstyled"});var DEFAULT_HEADERS_DROPDOWN_OPTIONS=Object.freeze(["P","H1","H2","H3","H4","H5","H6"]),styles$1={fontElementMap:"_1v6jk",headingsPanel:"_1uJph",headingsPanel_selectedHeading:"_vFRU",headingsMobilePanel:"_6OoV",headingsPanelContainer:"_2lsQ2",headingsPanelContainer_mobile:"_1gtbV"},Panel=function(_Component){function Panel(){return _Component.apply(this,arguments)||this}return _inheritsLoose(Panel,_Component),Panel.prototype.render=function(){var _this$props=this.props,customHeadingsOptions=_this$props.customHeadingsOptions,selected=_this$props.selected,onSave=_this$props.onSave,styles=_this$props.styles,translateHeading=_this$props.translateHeading,isMobile=_this$props.isMobile;return React.createElement("div",{className:isMobile?styles.headingsMobilePanel:styles.headingsPanel,"data-hook":"headingsDropdownPanel"},customHeadingsOptions.map((function(heading){return function(heading,isSelected,_onClick,translateHeading){var content=translateHeading(heading),type=HEADER_TYPE_MAP[heading];return React.createElement("button",{className:isSelected?styles$1.headingsPanel_selectedHeading:"",onClick:function(){return _onClick(type,heading)}},content)}(heading,selected===heading,onSave,translateHeading)})))},Panel}(Component),HeadingsDropDownPanel=function(_Component2){function HeadingsDropDownPanel(props){var _this;return(_this=_Component2.call(this,props)||this).onSaveHeading=function(type,headingName){return _this.props.onSave(type,headingName)},_this.state={heading:props.heading},_this.styles=mergeStyles({styles:styles$1,theme:props.theme}),_this}return _inheritsLoose(HeadingsDropDownPanel,_Component2),HeadingsDropDownPanel.prototype.render=function(){var _classNames,_this$props2=this.props,isMobile=_this$props2.isMobile,translateHeading=_this$props2.translateHeading,_this$props2$customHe=_this$props2.customHeadingsOptions,customHeadingsOptions=void 0===_this$props2$customHe?DEFAULT_HEADERS_DROPDOWN_OPTIONS:_this$props2$customHe,heading=this.state.heading,styles=this.styles,selected=heading;return React.createElement("div",{className:classNames(styles.headingsPanelContainer,(_classNames={},_classNames[styles.headingsPanelContainer_mobile]=isMobile,_classNames))},React.createElement(Panel,{styles:styles,selected:selected,onSave:this.onSaveHeading,isMobile:isMobile,translateHeading:translateHeading,customHeadingsOptions:customHeadingsOptions}))},HeadingsDropDownPanel}(Component);HeadingsDropDownPanel.contextType=GlobalContext,HeadingsDropDownPanel.defaultProps={heading:"P"};var styles={headingsModal:"_2smey",headingsModal_mobile:"_3WuK0",headingsModalOverlay:"_3Zx8x",headingsModalOverlay_mobile:"_3Qcwo",headingPopup_button:"_3Vgep",headingPopup:"_1uePs"},HeadingButton=function(_Component){function HeadingButton(props){var _this;return(_this=_Component.call(this,props)||this).findCurrentHeading=function(){var currentEditorState=_this.props.getEditorState(),selection=currentEditorState.getSelection(),headingType=currentEditorState.getCurrentContent().blockMap.get(selection.anchorKey).getType(),currentHeading=HEADING_TYPE_TO_ELEMENT[headingType]||"P";_this.setState({currentHeading:currentHeading})},_this.openPanel=function(){_this.currentEditorState=_this.oldEditorState=_this.props.getEditorState(),_this.selection=_this.oldEditorState.getSelection();var _this$buttonRef$getBo=_this.buttonRef.getBoundingClientRect(),bottom=_this$buttonRef$getBo.bottom,left=_this$buttonRef$getBo.left;_this.props.setKeepOpen(!0),_this.setState({isPanelOpen:!0,panelLeft:left-15,panelTop:bottom})},_this.closePanel=function(){_this.setState({isPanelOpen:!1}),_this.props.setKeepOpen(!1)},_this.updateHeading=function(type,element){var _helpers$onToolbarBut,_helpers$onPluginAdd,_helpers$onPluginAddS,_this$props=_this.props,setEditorState=_this$props.setEditorState,getEditorState=_this$props.getEditorState,helpers=_this$props.helpers,editorState=getEditorState(),isAddEvent=!hasBlockType(type,editorState),newEditorState=RichUtils.toggleBlockType(editorState,type);null==helpers||null===(_helpers$onToolbarBut=helpers.onToolbarButtonClick)||void 0===_helpers$onToolbarBut||_helpers$onToolbarBut.call(helpers,{pluginId:HEADINGS_DROPDOWN_TYPE$1,buttonName:FORMATTING_BUTTONS.HEADINGS,value:type}),isAddEvent&&(null==helpers||null===(_helpers$onPluginAdd=helpers.onPluginAdd)||void 0===_helpers$onPluginAdd||_helpers$onPluginAdd.call(helpers,type,"FormattingToolbar")),setEditorState(EditorState.forceSelection(newEditorState,_this.selection)),isAddEvent&&(null==helpers||null===(_helpers$onPluginAddS=helpers.onPluginAddSuccess)||void 0===_helpers$onPluginAddS||_helpers$onPluginAddS.call(helpers,type,"FormattingToolbar")),_this.currentEditorState=newEditorState,_this.setState({currentHeading:element})},_this.translateHeading=function(option){void 0===option&&(option="");var t=_this.props.t;return 1===option.length?t("FormattingToolbar_TextStyle_Paragraph"):t("FormattingToolbar_TextStyle_Heading",{number:option.slice(-1)})},_this.fixEllipsis=function(text){if(void 0===text&&(text=""),text.length>10){var number=text.slice(-1);return"number"==typeof number?text.slice(0,5)+"..."+number:text.slice(0,6)+"..."}return text},_this.save=function(type,element){_this.closePanel(),type?_this.updateHeading(type,element):_this.props.setEditorState(EditorState.forceSelection(_this.currentEditorState,_this.selection))},_this.state={showPanel:!1,currentHeading:"P"},_this.styles=mergeStyles({styles:styles,theme:props.theme}),_this.dataHookText="headingsDropdownButton",_this}_inheritsLoose(HeadingButton,_Component);var _proto=HeadingButton.prototype;return _proto.componentWillReceiveProps=function(){this.findCurrentHeading()},HeadingButton.getModalParent=function(){return document.querySelector(".DraftEditor-root").parentNode},_proto.render=function(){var _classNames,_classNames2,_this2=this,_this$props2=this.props,theme=_this$props2.theme,helpers=_this$props2.helpers,isMobile=_this$props2.isMobile,t=_this$props2.t,tabIndex=_this$props2.tabIndex,toolbarName=_this$props2.toolbarName,customHeadings=_this$props2.customHeadings,inlinePopups=_this$props2.inlinePopups,tooltipText=t("FormattingToolbar_TextStyleButton_Tooltip"),_this$state=this.state,isPanelOpen=_this$state.isPanelOpen,panelTop=_this$state.panelTop,panelLeft=_this$state.panelLeft,currentHeading=_this$state.currentHeading,styles=this.styles,modalStyle=isMobile?{left:0,bottom:0,right:0}:{top:panelTop,left:panelLeft},buttonContent=this.fixEllipsis(this.translateHeading(currentHeading));return isMobile||"StaticTextToolbar"!==toolbarName||!inlinePopups?React.createElement(InlineToolbarButton,{onClick:this.openPanel,isActive:isPanelOpen,helpers:helpers,theme:theme,isMobile:isMobile,tooltipText:tooltipText,dataHook:this.dataHookText,formattingButtonName:FORMATTING_BUTTONS.HEADINGS,tabIndex:tabIndex,buttonContent:buttonContent,showArrowIcon:!0,pluginType:HEADINGS_DROPDOWN_TYPE$1,ref:function(_ref){return _this2.buttonRef=_ref}},React.createElement(Modal,{isOpen:isPanelOpen,onRequestClose:function(){return _this2.save()},className:classNames(styles.headingsModal,(_classNames={},_classNames[styles.headingsModal_mobile]=isMobile,_classNames)),overlayClassName:classNames(styles.headingsModalOverlay,(_classNames2={},_classNames2[styles.headingsModalOverlay_mobile]=isMobile,_classNames2)),parentSelector:HeadingButton.getModalParent,style:{content:modalStyle},ariaHideApp:!1},React.createElement(HeadingsDropDownPanel,_extends({customHeadingsOptions:customHeadings,heading:currentHeading,onSave:this.save,isMobile:isMobile,theme:theme,translateHeading:this.translateHeading},this.props)))):React.createElement("div",{className:styles.headingPopup_button},React.createElement(InlineToolbarButton,{onClick:this.openPanel,isActive:isPanelOpen,helpers:helpers,theme:theme,isMobile:isMobile,tooltipText:tooltipText,dataHook:this.dataHookText,formattingButtonName:FORMATTING_BUTTONS.HEADINGS,tabIndex:tabIndex,buttonContent:buttonContent,showArrowIcon:!0,pluginType:HEADINGS_DROPDOWN_TYPE$1,ref:function(_ref2){return _this2.buttonRef=_ref2}},isPanelOpen&&React.createElement("div",{className:styles.headingPopup},React.createElement(ClickOutside,{onClickOutside:function(){return _this2.save()}},React.createElement(HeadingsDropDownPanel,_extends({customHeadingsOptions:customHeadings,heading:currentHeading,onSave:this.save,isMobile:isMobile,theme:theme,translateHeading:this.translateHeading},this.props))))))},HeadingButton}(Component);HeadingButton.defaultProps={inlinePopups:!1,setKeepOpen:function(){}};var HEADINGS_DROPDOWN_TYPE="wix-rich-content-plugin-headings",createToolbar=function(config){var _isActive,oldEditorState,oldSelection,theme=config.theme,getEditorState=config.getEditorState,isMobile=config.isMobile,_config$HEADINGS_DROP=config[HEADINGS_DROPDOWN_TYPE],settings=void 0===_config$HEADINGS_DROP?{}:_config$HEADINGS_DROP,helpers=config.helpers,t=config.t,setEditorState=config.setEditorState,save=function(type,element){var _helpers$closeModal;null==helpers||null===(_helpers$closeModal=helpers.closeModal)||void 0===_helpers$closeModal||_helpers$closeModal.call(helpers),_isActive=!1,type?updateHeading(type,element):setEditorState(EditorState.forceSelection(oldEditorState,oldSelection))},updateHeading=function(type,element){var newEditorState=RichUtils.toggleBlockType(getEditorState(),type);setEditorState(EditorState.forceSelection(newEditorState,oldSelection)),oldEditorState=newEditorState,currentHeading=element},getCurrentHeading=function(){var _editorState$getCurre,editorState=getEditorState(),selection=editorState.getSelection(),headingType=null===(_editorState$getCurre=editorState.getCurrentContent().getBlockMap())||void 0===_editorState$getCurre?void 0:_editorState$getCurre.get(selection.getFocusKey()).getType();return HEADING_TYPE_TO_ELEMENT[headingType]||"P"},translateHeading=function(option){return void 0===option&&(option="P"),"P"===option?t("FormattingToolbar_TextStyle_Paragraph"):t("FormattingToolbar_TextStyle_Heading",{number:option.slice(-1)})},currentHeading="P",HeadingPanel=function(){return oldEditorState=getEditorState(),oldSelection=oldEditorState.getSelection(),currentHeading=getCurrentHeading(),React.createElement(HeadingsDropDownPanel,{customHeadingsOptions:null==settings?void 0:settings.customHeadings,heading:currentHeading,onSave:save,isMobile:isMobile,theme:theme,translateHeading:translateHeading})},modalStylesFn=function(ref){var _ref$getBoundingClien=ref.getBoundingClientRect(),bottom=_ref$getBoundingClien.bottom;return{content:{margin:0,width:142,overflow:"visible",transform:"translateY(0)",left:_ref$getBoundingClien.left-15,top:bottom},overlay:{background:"transparent"}}};return{name:"Headings",TextButtonMapper:function(){var _ref2;return(_ref2={})[FORMATTING_BUTTONS.HEADINGS]={component:decorateComponentWithProps(HeadingButton,settings),externalizedButtonProps:{onClose:function(){return _isActive=!1},onClick:function(_ref){return function(ref){var _helpers$openModal,modalStyles=getModalStyles({customStyles:modalStylesFn(ref),fullScreen:!1,isMobile:isMobile});null==helpers||null===(_helpers$openModal=helpers.openModal)||void 0===_helpers$openModal||_helpers$openModal.call(helpers,{modalStyles:modalStyles,helpers:helpers,isMobile:isMobile,modalElement:HeadingPanel,theme:theme}),_isActive=!0}(_ref.ref)},isActive:function(){return _isActive},arrow:!0,isDisabled:function(){return isAtomicBlockFocused(getEditorState())},getIcon:function(){var _settings$toolbar,_settings$toolbar$ico;return(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[getCurrentHeading()])||function(){return null}},tooltip:t("FormattingToolbar_TextStyleButton_Tooltip"),dataHook:"headingsDropdownButton",getLabel:function(){return translateHeading(getCurrentHeading())},type:BUTTON_TYPES.DROPDOWN}},_ref2}}},DEFAULTS=Object.freeze({type:HEADINGS_DROPDOWN_TYPE,config:{}});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 _ModalsMap,createHeadingsPlugin=function(config){var helpers=config.helpers,t=config.t,_config$HEADINGS_DROP=config[HEADINGS_DROPDOWN_TYPE],settings=void 0===_config$HEADINGS_DROP?{}:_config$HEADINGS_DROP,isMobile=config.isMobile,rest=_objectWithoutPropertiesLoose(config,["helpers","t",HEADINGS_DROPDOWN_TYPE,"isMobile"].map(_toPropertyKey));return createBasePlugin(_extends({toolbar:createToolbar(config),helpers:helpers,settings:settings,t:t,isMobile:isMobile,type:HEADINGS_DROPDOWN_TYPE,defaultPluginData:DEFAULTS},rest))};createHeadingsPlugin.functionName=HEADINGS_DROPDOWN_TYPE;var Modals={HEADINGS:"HEADINGS"},ModalsMap=((_ModalsMap={})[Modals.HEADINGS]=HeadingsDropDownPanel,_ModalsMap),pluginHeadings=function(config){return{config:_extends({},DEFAULTS.config,config),type:HEADINGS_DROPDOWN_TYPE,createPlugin:createHeadingsPlugin,ModalsMap:ModalsMap}};export{HEADINGS_DROPDOWN_TYPE,Modals,ModalsMap,createHeadingsPlugin,pluginHeadings};
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutPropertiesLoose from"@babel/runtime/helpers/objectWithoutPropertiesLoose";import{LoaderIcon,BUTTONS,createBasePlugin}from"wix-rich-content-plugin-commons";import _inheritsLoose from"@babel/runtime/helpers/inheritsLoose";import React,{PureComponent,Component}from"react";import{validate,getLangDir}from"wix-rich-content-common";import verticalEmbedSchema from"wix-rich-content-common/dist/statics/schemas/vertical-embed.schema.json";import classnames from"classnames";import{isNumber}from"lodash";import{decorateComponentWithProps,getModalStyles,TOOLBARS,BUTTON_TYPES,getBottomToolbarModalStyles}from"wix-rich-content-editor-common";import{FOOTER_BUTTON_ALIGNMENT,MODAL_CONTROLS_POSITION,BUTTON_SIZE,SearchInputModal,UrlInputModal,MOBILE_FULL_SCREEN_CUSTOM_STYLE,DesktopFlyOutModalStyles,DesktopOverlayModalStyles}from"wix-rich-content-ui-components";var _dataTypeMapper,VERTICAL_EMBED_TYPE="wix-draft-plugin-vertical-embed",styles$3={card:"eSWSJ",link:"_3FwrF",container:"aMyTV",image:"_3hjHR",cardLayout:"_33kqy",content:"_26Lqs",title:"_1Npvf",subtitle:"_2a6W8",button:"MUh8b",buttonText:"_2tWJB",slimLayout:"nep6I",rtl:"_atWu",ltr:"_15JaP"},verticalEmbedProviders={event:"event",booking:"booking",product:"product"},contentTypeMap={event:"Events",booking:"Bookings",product:"Stores"},modalContentStyles={width:440,height:522,padding:20,boxSizing:"border-box",border:"solid 1px rgba(51, 51, 51, 0.1)",boxShadow:"0 0 10px 0 rgba(0, 0, 0, 0.06)"},convertDuration=function(durationInMinutes,t){if(!isNumber(durationInMinutes))return"";if(durationInMinutes<60)return t("VerticalEmbed_Units_Minute",{minutes:durationInMinutes});var hours=durationInMinutes/60,rhours=Math.floor(hours),minutes=60*(hours-rhours),rminutes=Math.round(minutes);return 0===rminutes?t("VerticalEmbed_Units_Hour",{hours:rhours}):t("VerticalEmbed_Units_Hour",{hours:rhours})+" "+t("VerticalEmbed_Units_Minute",{minutes:rminutes})},dataTypeMapper=((_dataTypeMapper={})[verticalEmbedProviders.booking]=function(data,t){var name=data.name,imageSrc=data.imageSrc,pageUrl=data.pageUrl,durations=data.durations;return{url:pageUrl,imageSrc:imageSrc,content:{title:name,info:{leftSubtitle:durations&&convertDuration(durations,t)},buttonText:t("VerticalEmbed_Bookings_Button")}}},_dataTypeMapper[verticalEmbedProviders.event]=function(data,t){var name=data.name,imageSrc=data.imageSrc,scheduling=data.scheduling;return{url:data.pageUrl,imageSrc:imageSrc,content:{title:name,info:{leftSubtitle:scheduling,rightSubtitle:data.location},buttonText:t("VerticalEmbed_Events_Button")}}},_dataTypeMapper[verticalEmbedProviders.product]=function(data,t){var name=data.name,imageSrc=data.imageSrc;return{url:data.pageUrl,imageSrc:imageSrc,content:{title:name,buttonText:t("VerticalEmbed_Products_Button")}}},_dataTypeMapper),CardContent=function(props){var title=props.title,info=props.info,buttonText=props.buttonText;return React.createElement("div",{className:styles$3.content},React.createElement("div",null,React.createElement("div",{className:styles$3.title},function(title){return title.length<=80?title:title.substring(0,80)+"..."}(title)),info&&function(info){return info.leftSubtitle&&React.createElement("div",{className:styles$3.subtitle},info.leftSubtitle,info.rightSubtitle&&React.createElement("span",null,React.createElement("span",{className:styles$3.right},"|"),info.rightSubtitle))}(info)),React.createElement("div",{className:styles$3.button},React.createElement("div",{className:styles$3.buttonText},buttonText)))},Card=function(props){var url=props.url,imageSrc=props.imageSrc,content=props.content,direction=props.direction;return React.createElement("a",{className:styles$3.link,href:url,target:"_blank"},React.createElement("div",{style:{direction:direction},className:classnames(styles$3[direction],styles$3.container,styles$3.cardLayout)},imageSrc&&React.createElement("div",{style:{backgroundImage:"url("+imageSrc+")"},className:styles$3.image}),React.createElement(CardContent,content)))},VerticalEmbedComponent=function(_PureComponent){function VerticalEmbedComponent(props){var _this;return(_this=_PureComponent.call(this,props)||this).onClick=function(){var _this$props$helpers$o,_this$props$helpers;return null===(_this$props$helpers$o=(_this$props$helpers=_this.props.helpers).onViewerAction)||void 0===_this$props$helpers$o?void 0:_this$props$helpers$o.call(_this$props$helpers,VERTICAL_EMBED_TYPE,"Click",_this.props.componentData.type)},validate(props.componentData,verticalEmbedSchema),_this}return _inheritsLoose(VerticalEmbedComponent,_PureComponent),VerticalEmbedComponent.prototype.render=function(){var _classnames,_this$props=this.props,componentData=_this$props.componentData,className=_this$props.className,_this$props$settings$=_this$props.settings.slimLayout,slimLayout=void 0!==_this$props$settings$&&_this$props$settings$,t=_this$props.t,locale=_this$props.locale,selectedProduct=componentData.selectedProduct,type=componentData.type,props=dataTypeMapper[type](selectedProduct,t),direction=getLangDir(locale);return React.createElement("div",{className:classnames(className,styles$3.card,(_classnames={},_classnames[styles$3.slimLayout]=slimLayout,_classnames)),"data-hook":"vertical-embed",onClick:this.onClick},React.createElement(Card,_extends({},props,{t:t,direction:direction})))},VerticalEmbedComponent}(PureComponent),Event=function(props){return React.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 25 24"},props),React.createElement("g",{fill:"currentColor",fillRule:"evenodd"},React.createElement("path",{d:"M2.526 21.553h18.948V3.789H2.526v17.764zm1.185-14.21h16.578v-2.37H3.711v2.37zm0 13.025h16.578V8.526H3.711v11.842z",transform:"translate(.333)"}),React.createElement("path",{d:"M8.16 0L8.842 0.682 3.599 6.316 0 3.461 0.583 2.684 3.508 4.985z",transform:"translate(.333) translate(7.579 11.368)"}),React.createElement("path",{stroke:"currentColor",d:"M16.921 3.026H17.921V5.8149999999999995H16.921zM6.816 3.026H7.816V5.8149999999999995H6.816z",transform:"translate(.333)"})))},Product=function(props){return React.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:"19",height:"19",viewBox:"0 0 25 24"},props),React.createElement("defs",null,React.createElement("filter",{id:"prefix__a",width:"179.2%",height:"215.2%",x:"-39.6%",y:"-57.6%",filterUnits:"objectBoundingBox"},React.createElement("feOffset",{in:"SourceAlpha",result:"shadowOffsetOuter1"}),React.createElement("feMorphology",{in:"SourceAlpha",radius:"1",result:"shadowInner"}),React.createElement("feOffset",{in:"shadowInner",result:"shadowInner"}),React.createElement("feComposite",{in:"shadowOffsetOuter1",in2:"shadowInner",operator:"out",result:"shadowOffsetOuter1"}),React.createElement("feGaussianBlur",{in:"shadowOffsetOuter1",result:"shadowBlurOuter1",stdDeviation:"2.5"}),React.createElement("feColorMatrix",{in:"shadowBlurOuter1",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"})),React.createElement("path",{id:"prefix__b",d:"M0 4.737L18.947 4.737 17.763 17.763 1.184 17.763z"})),React.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(3.193 2.526)"},React.createElement("use",{fill:"currentColor",filter:"url(#prefix__a)",xlinkHref:"#prefix__b"}),React.createElement("path",{stroke:"currentColor",strokeLinecap:"square",d:"M18.4 5.237H.548L1.64 17.263h15.666L18.4 5.237z"}),React.createElement("path",{fillRule:"nonzero",stroke:"currentColor",d:"M5.921 4.737v-.948C5.921 1.697 7.511 0 9.474 0c1.962 0 3.552 1.697 3.552 3.79v.947"})))},Booking=function(props){return React.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 24 24"},props),React.createElement("g",{fill:"currentColor",fillRule:"evenodd"},React.createElement("path",{d:"M21.474 3.79v17.763H2.526V3.789h18.948zm-1.185 4.736H3.711v11.842h16.578V8.526zm-2.368 7.106V18h-2.368v-2.368h2.368zm-4.737 0V18h-2.368v-2.368h2.368zm-4.737 0V18H6.08v-2.368h2.368zm0-4.737v2.368H6.08v-2.368h2.368zm4.737 0v2.368h-2.368v-2.368h2.368zm4.737 0v2.368h-2.368v-2.368h2.368zm2.368-5.921H3.711v2.37h16.578v-2.37z"}),React.createElement("path",{stroke:"currentColor",d:"M16.921 3.026H17.921V5.8149999999999995H16.921zM6.816 3.026H7.816V5.8149999999999995H6.816z"})))},ReplaceIcon=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"})))},getModalCustomStyles=function(isMobile){var content={maxWidth:580,minHeight:585};return isMobile&&(content=_extends({},content,{minHeight:"100%",minWidth:"100%",margin:0,alignContent:"center",top:0,transform:"none",backgroundColor:"white"})),{content:content}},styles$2_container="_2Q-rY",styles$2_mobile="rO2EZ",generalStyles_emptyState="_2FaLJ",generalStyles_title="_3QLpw",generalStyles_description="_25CzD",styles$1_container="_2S0Vi",styles$1_selected="pS_Dt",styles$1_image="dcuVD",styles$1_title="bIcfu",styles$1_description="_3nVAQ",Item=function(_PureComponent){function Item(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_PureComponent.call.apply(_PureComponent,[this].concat(args))||this).itemRef=React.createRef(),_this.handleClick=function(){return _this.props.onClick(_this.props.item)},_this}_inheritsLoose(Item,_PureComponent);var _proto=Item.prototype;return _proto.componentDidMount=function(){var _this$itemRef;this.props.selected&&(null===(_this$itemRef=this.itemRef)||void 0===_this$itemRef||_this$itemRef.current.scrollIntoView())},_proto.render=function(){var _this$props=this.props,selected=_this$props.selected,item=_this$props.item;_this$props.t;var name=item.name,imageSrc=item.imageSrc,getDescription=item.getDescription;return React.createElement("div",{ref:this.itemRef,className:classnames(styles$1_container,selected&&styles$1_selected),onClick:this.handleClick},React.createElement("div",{style:{backgroundImage:"url("+imageSrc+")"},className:styles$1_image,"data-hook":"verticalsImage"}),React.createElement("div",{className:styles$1_title},name),getDescription&&React.createElement("div",{className:styles$1_description},getDescription(item)))},Item}(PureComponent),ItemsList=function(_PureComponent){function ItemsList(props){var _this;return(_this=_PureComponent.call(this,props)||this).state={selectedItem:{}},_this}return _inheritsLoose(ItemsList,_PureComponent),ItemsList.prototype.render=function(){var _cx,_this$props=this.props,items=_this$props.items,onClick=_this$props.onClick,selectedItem=_this$props.selectedItem,contentType=_this$props.contentType,t=_this$props.t,isMobile=_this$props.isMobile,emptyState=React.createElement("div",{className:generalStyles_emptyState},React.createElement("div",{className:generalStyles_title},t("Embed_Vertical_"+contentType+"_EmptyState_NoItems_Title")),React.createElement("div",{className:generalStyles_description},t("Embed_Vertical_"+contentType+"_EmptyState_NoItems_Description")));return React.createElement("div",{className:classnames(styles$2_container,(_cx={},_cx[styles$2_mobile]=isMobile,_cx)),"data-hook":"verticalsItemsList"},items.length>0?items.map((function(item,index){return React.createElement(Item,{item:item,key:index,onClick:onClick,selected:(null==selectedItem?void 0:selectedItem.id)===item.id,t:t})})):emptyState)},ItemsList}(PureComponent),styles_itemsWrapper="_1OMRl",styles_fileLoaderIcon="_3hZQC",_excluded=["getDescription"],VerticalEmbedInputModal=function(_Component){function VerticalEmbedInputModal(){for(var _this$props$component,_this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).state={errorMsg:"",items:[],selectedProduct:(null===(_this$props$component=_this.props.componentData)||void 0===_this$props$component?void 0:_this$props$component.selectedProduct)||null,status:"LOADING"},_this.onInputChange=function(inputString){void 0===inputString&&(inputString=""),_this.verticalApi.search(inputString).then((function(items){_this.setState({items:items,status:0===items.length?"NOT_FOUND":"READY"})})),_this.setState({inputString:inputString})},_this.onConfirm=function(){var _this$props=_this.props,onConfirm=_this$props.onConfirm,componentData=_this$props.componentData,helpers=_this$props.helpers,onReplace=_this$props.onReplace,selectedProduct=_this.state.selectedProduct;selectedProduct&&((onConfirm||onReplace)(_extends({},componentData,{selectedProduct:selectedProduct})),helpers.closeModal())},_this.onItemClick=function(_ref){_ref.getDescription;var item=_objectWithoutPropertiesLoose(_ref,_excluded),_this$state=_this.state,selectedProduct=_this$state.selectedProduct;_this$state.items,item.id===(null==selectedProduct?void 0:selectedProduct.id)?_this.onConfirm():_this.setState({selectedProduct:item})},_this.getItems=function(){var getDescription,_this$props2=_this.props,type=_this$props2.componentData.type,t=_this$props2.t,items=_this.state.items;return type===verticalEmbedProviders.booking?getDescription=function(product){return convertDuration(product.durations,t)}:type===verticalEmbedProviders.event&&(getDescription=function(product){return product.scheduling+" | "+product.location}),getDescription?items.map((function(product){return _extends({},product,{getDescription:getDescription})})):items},_this}_inheritsLoose(VerticalEmbedInputModal,_Component);var _proto=VerticalEmbedInputModal.prototype;return _proto.componentDidMount=function(){var _this2=this,_this$props3=this.props,verticalsApi=_this$props3.verticalsApi,type=_this$props3.componentData.type,locale=_this$props3.locale;this.verticalApi=verticalsApi(type,locale);try{this.verticalApi.search("").then((function(items){_this2.setState({items:items,status:0===items.length?"NO_ITEMS":"READY"})}))}catch(e){console.error("failed to load products ",e),this.setState({items:[],status:"NO_ITEMS"})}},_proto.render=function(){var _experiments$newVerti,_this$state2=this.state,inputString=_this$state2.inputString,selectedProduct=_this$state2.selectedProduct,status=_this$state2.status,_this$props4=this.props,t=_this$props4.t,type=_this$props4.componentData.type,helpers=_this$props4.helpers,isMobile=_this$props4.isMobile,experiments=_this$props4.experiments,contentType=contentTypeMap[type],selected=null!==selectedProduct,emptyState=React.createElement("div",{className:generalStyles_emptyState},React.createElement("div",{className:generalStyles_title},t("Embed_Vertical_"+contentType+"_EmptyState_NoResults_Title")),React.createElement("div",{className:generalStyles_description},t("Embed_Vertical_"+contentType+"_EmptyState_NoResults_Description"))),textInput=!!("NO_ITEMS"!==status)&&{searchIcon:!0},UrlInputModalComponent=(null==experiments||null===(_experiments$newVerti=experiments.newVerticalEmbedModal)||void 0===_experiments$newVerti?void 0:_experiments$newVerti.enabled)?SearchInputModal:UrlInputModal;return React.createElement(UrlInputModalComponent,{onConfirm:this.onConfirm,helpers:helpers,t:t,title:t("Embed_Vertical_"+contentType+"_Title"),dataHook:"verticalEmbedModal",placeholder:t("Embed_Vertical_"+contentType+"_Placeholder"),saveLabel:t("Embed_Add_Button_Label"),onCloseRequested:helpers.closeModal,onInputChange:this.onInputChange,input:inputString,isMobile:isMobile,buttonAlignment:FOOTER_BUTTON_ALIGNMENT.END,controlsPosition:isMobile?MODAL_CONTROLS_POSITION.TOP:MODAL_CONTROLS_POSITION.BOTTOM,selected:selected,textInput:textInput,buttonSize:BUTTON_SIZE.small,showTitle:!isMobile},React.createElement("div",{className:styles_itemsWrapper},"LOADING"===status?React.createElement("div",{className:generalStyles_emptyState},React.createElement(LoaderIcon,{className:styles_fileLoaderIcon})):"NOT_FOUND"===status?emptyState:React.createElement(ItemsList,{isMobile:isMobile,selectedItem:selectedProduct,items:this.getItems(),onClick:this.onItemClick,contentType:contentType,t:t})))},VerticalEmbedInputModal}(Component),createInlineButtons=function(_ref){var t=_ref.t,isMobile=_ref.isMobile,settings=_ref.settings,locale=_ref.locale,_ref$experiments=_ref.experiments,newVerticalEmbedModal=(void 0===_ref$experiments?{}:_ref$experiments).newVerticalEmbedModal,useNewModal=null==newVerticalEmbedModal?void 0:newVerticalEmbedModal.enabled,newModalCustomStyles=isMobile?MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends({},DesktopFlyOutModalStyles,{content:modalContentStyles}),customStyles=useNewModal?newModalCustomStyles:getModalCustomStyles(isMobile),defaultModalStyles=getModalStyles({customStyles:customStyles,fullScreen:!!useNewModal,isMobile:isMobile}),modalStyles=useNewModal?isMobile?defaultModalStyles:void 0:defaultModalStyles;return[{keyName:"replace",type:BUTTONS.EXTERNAL_MODAL,icon:ReplaceIcon,modalElement:decorateComponentWithProps(VerticalEmbedInputModal,_extends({},settings,{locale:locale})),modalStyles:modalStyles,mobile:!0,tooltipTextKey:"Replace product",t:t,modalStylesFn:useNewModal?function(_ref2){var buttonRef=_ref2.buttonRef,modalStyles=getModalStyles({customStyles:newModalCustomStyles,fullScreen:!0,isMobile:isMobile}),_buttonRef$getBoundin=buttonRef.getBoundingClientRect(),top=_buttonRef$getBoundin.top,modalLeft=_buttonRef$getBoundin.left-15,modalTop=top>522?top-540:top+40;return _extends({},modalStyles,{content:_extends({},modalStyles.content,{top:modalTop,left:modalLeft,margin:0,position:"absolute"})})}:void 0},{keyName:"delete",type:BUTTONS.DELETE,mobile:!0}]},createInsertButtons=function(_ref){var _experiments$newVerti,t=_ref.t,settings=_ref.settings,isMobile=_ref.isMobile,locale=_ref.locale,_ref$experiments=_ref.experiments,experiments=void 0===_ref$experiments?{}:_ref$experiments,iconsMap={product:Product,event:Event,booking:Booking},useNewModal=null==experiments||null===(_experiments$newVerti=experiments.newVerticalEmbedModal)||void 0===_experiments$newVerti?void 0:_experiments$newVerti.enabled,newModalCustomStyles=isMobile?MOBILE_FULL_SCREEN_CUSTOM_STYLE:_extends({},DesktopFlyOutModalStyles,{content:modalContentStyles}),customStyles=useNewModal?newModalCustomStyles:getModalCustomStyles(isMobile),modalStylesFn=useNewModal?function(_ref2){var buttonRef=_ref2.buttonRef,toolbarName=_ref2.toolbarName;return getBottomToolbarModalStyles(buttonRef,{customStyles:customStyles},toolbarName)}:void 0,defaultModalStyles=getModalStyles({customStyles:customStyles,fullScreen:!!useNewModal,isMobile:isMobile}),modalStyles=useNewModal?isMobile?defaultModalStyles:void 0:defaultModalStyles,_settings$exposeEmbed=settings.exposeEmbedButtons,exposeEmbedButtons=void 0===_settings$exposeEmbed?[]:_settings$exposeEmbed,getIsVisiblePromise=settings.getIsVisiblePromise,buttonsBaseProps=function(type){var contentType=contentTypeMap[type];return{type:BUTTON_TYPES.MODAL,name:contentType+"_InsertButton",tooltip:t(contentType+"Plugin_InsertButton_Tooltip"),getIcon:function(){return iconsMap[type]},Icon:iconsMap[type],componentData:{type:type},section:"BlockToolbar_Section_Embed_Wix",modalElement:decorateComponentWithProps(VerticalEmbedInputModal,_extends({},settings,{locale:locale})),isVisiblePromise:null==getIsVisiblePromise?void 0:getIsVisiblePromise(type,locale),modalStylesFn:modalStylesFn}},toolbars=useNewModal?[TOOLBARS.MOBILE,TOOLBARS.FOOTER,TOOLBARS.SIDE]:[TOOLBARS.INSERT_PLUGIN,TOOLBARS.MOBILE,TOOLBARS.FOOTER,TOOLBARS.SIDE],verticalEmbedButtons=exposeEmbedButtons.map((function(verticalType){return _extends({},buttonsBaseProps(verticalType),{toolbars:toolbars,modalStyles:modalStyles})}));if(useNewModal){var externalToolbarButtons=exposeEmbedButtons.map((function(verticalType){return _extends({},buttonsBaseProps(verticalType),{toolbars:[TOOLBARS.INSERT_PLUGIN],modalStyles:getModalStyles({customStyles:_extends({},customStyles,DesktopOverlayModalStyles),fullScreen:!1,isMobile:isMobile})})}));verticalEmbedButtons=[].concat(verticalEmbedButtons,externalToolbarButtons)}return verticalEmbedButtons},createToolbar=function(_ref){var settings=_ref.settings,t=_ref.t,isMobile=_ref.isMobile,locale=_ref.locale,experiments=_ref.experiments;return{InlineButtons:createInlineButtons({t:t,isMobile:isMobile,settings:settings,locale:locale,experiments:experiments}),InsertButtons:createInsertButtons({t:t,settings:settings,isMobile:isMobile,locale:locale,experiments:experiments}),name:"vertical-embed"}};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 _ModalsMap,createVerticalEmbedPlugin=function(config){var type=VERTICAL_EMBED_TYPE,helpers=config.helpers,theme=config.theme,t=config.t,_config$type=config[type],settings=void 0===_config$type?{}:_config$type,isMobile=config.isMobile,locale=config.locale,localeContent=config.localeContent,experiments=config.experiments,rest=_objectWithoutPropertiesLoose(config,["helpers","theme","t",type,"isMobile","locale","localeContent","experiments"].map(_toPropertyKey));return createBasePlugin(_extends({component:VerticalEmbedComponent,settings:settings,theme:theme,type:type,toolbar:createToolbar({settings:settings,helpers:helpers,t:t,isMobile:isMobile,locale:localeContent||locale,experiments:experiments}),helpers:helpers,t:t,defaultPluginData:{},isMobile:isMobile,locale:localeContent||locale},rest))};createVerticalEmbedPlugin.functionName=VERTICAL_EMBED_TYPE;var Modals={POST_SELECTION_INPUT:"post-selection-input"},ModalsMap=((_ModalsMap={})[Modals.POST_SELECTION_INPUT]=VerticalEmbedInputModal,_ModalsMap),pluginVerticalEmbed=function(config){return{config:_extends({},config),type:VERTICAL_EMBED_TYPE,createPlugin:createVerticalEmbedPlugin,ModalsMap:ModalsMap}};export{Modals,ModalsMap,VERTICAL_EMBED_TYPE,createVerticalEmbedPlugin,pluginVerticalEmbed,verticalEmbedProviders};
 //# sourceMappingURL=module.js.map

dist/src/constants.d.ts

@@ -1,20 +0,13 @@
-export declare const HEADING_TYPE_TO_ELEMENT: Readonly<{
-    'header-one': string;
-    'header-two': string;
-    'header-three': string;
-    'header-four': string;
-    'header-five': string;
-    'header-six': string;
-    unstyled: string;
-}>;
-export declare const HEADER_TYPE_MAP: Readonly<{
-    H1: string;
-    H2: string;
-    H3: string;
-    H4: string;
-    H5: string;
-    H6: string;
-    P: string;
-}>;
-export declare const DEFAULT_HEADERS_DROPDOWN_OPTIONS: readonly string[];
+/// <reference types="react" />
+export declare const verticalEmbedProviders: {
+    event: string;
+    booking: string;
+    product: string;
+};
+export declare const contentTypeMap: {
+    event: string;
+    booking: string;
+    product: string;
+};
+export declare const modalContentStyles: React.CSSProperties;
 //# sourceMappingURL=constants.d.ts.map

dist/src/editor.d.ts

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

dist/src/index.d.ts

@@ -1,5 +0,6 @@
-export { createHeadingsPlugin } from './createHeadingsPlugin';
-export { HEADINGS_DROPDOWN_TYPE } from './types';
-export { pluginHeadings } from './editor';
+export { createVerticalEmbedPlugin } from './createVerticalEmbedPlugin';
+export { verticalEmbedProviders } from './constants';
+export { VERTICAL_EMBED_TYPE } from './types';
 export { Modals, ModalsMap } from './modals';
+export { pluginVerticalEmbed } from './editor';
 //# sourceMappingURL=index.d.ts.map

dist/src/modals.d.ts

@@ -1,9 +0,9 @@
-import HeadingPanel from './toolbar/HeadingPanel';
+import VerticalEmbedInputModal from './toolbar/VerticalEmbedInputModal';
 declare const Modals: {
-    HEADINGS: string;
+    POST_SELECTION_INPUT: string;
 };
 declare const ModalsMap: {
-    [x: string]: typeof HeadingPanel;
+    [x: string]: typeof VerticalEmbedInputModal;
 };
 export { Modals, ModalsMap };
 //# sourceMappingURL=modals.d.ts.map

dist/src/types.d.ts

@@ -1,10 +0,15 @@
-import { EditorPluginConfig } from 'wix-rich-content-common';
-export declare const HEADINGS_DROPDOWN_TYPE = "wix-rich-content-plugin-headings";
-declare type HeadingType = 'P' | 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';
-export interface HeadingsPluginEditorConfig extends EditorPluginConfig {
-    inlinePopups?: boolean;
-    customHeadings?: HeadingType[];
-    allowHeadingCustomization?: boolean;
+import { EditorPluginConfig, ViewerPluginConfig } from 'wix-rich-content-common';
+export declare const VERTICAL_EMBED_TYPE = "wix-draft-plugin-vertical-embed";
+interface VerticalPluginConfig {
+    slimLayout?: boolean;
 }
+export interface VerticalEmbedPluginEditorConfig extends EditorPluginConfig, VerticalPluginConfig {
+    getIsVisiblePromise?: (type: string, locale: string) => Promise<boolean>;
+    exposeEmbedButtons?: string[];
+    [key: string]: any;
+}
+export interface VerticalEmbedPluginViewerConfig extends ViewerPluginConfig {
+    [key: string]: any;
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package.json

@@ -1,1 +0,1 @@
-{"name":"richlagetest","version":"0.0.0-5fb84c120c5f98649ffa6814156f39e32214f189"}
+{"name":"richlagetest","version":"0.0.0-62f0dcaa5d7b632a563724e31f54c2059aad4fb8"}

New alerts

Major refactor

Supply chain risk

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

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

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

Improved metrics

Total package byte prevSize

206846

increased by120.84%

Number of package files

72

increased by157.14%

Lines of code

487

increased by105.49%

Worsened metrics

Number of low quality alerts

6

increased by100%

Number of medium supply chain risk alerts

5

increased by400%

No dependency changes