\n\nNothing matched:\n\t${
// location.pathname
// }\n\nPaths checked: \n\t${routes
// .map(route => route.path)
// .join(
// "\n\t"
// )}\n\nTo get rid of this warning, add a default NotFound component as child of Router:
// \n\tlet NotFound = () => Not Found!
// \n\t\n\t \n\t {/* ... */}\n\t`
// );
return null;
}
};
return RouterImpl;
}(external_React_default.a.PureComponent);
es_RouterImpl.defaultProps = {
primary: true
};
var FocusContext = es_createNamedContext("Focus");
var es_FocusHandler = function FocusHandler(_ref3) {
var uri = _ref3.uri,
location = _ref3.location,
component = _ref3.component,
domProps = _objectWithoutProperties(_ref3, ["uri", "location", "component"]);
return external_React_default.a.createElement(
FocusContext.Consumer,
null,
function (requestFocus) {
return external_React_default.a.createElement(es_FocusHandlerImpl, es_extends({}, domProps, {
component: component,
requestFocus: requestFocus,
uri: uri,
location: location
}));
}
);
};
// don't focus on initial render
var initialRender = true;
var focusHandlerCount = 0;
var es_FocusHandlerImpl = function (_React$Component2) {
_inherits(FocusHandlerImpl, _React$Component2);
function FocusHandlerImpl() {
var _temp2, _this4, _ret2;
_classCallCheck(this, FocusHandlerImpl);
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
return _ret2 = (_temp2 = (_this4 = _possibleConstructorReturn(this, _React$Component2.call.apply(_React$Component2, [this].concat(args))), _this4), _this4.state = {}, _this4.requestFocus = function (node) {
if (!_this4.state.shouldFocus && node) {
node.focus();
}
}, _temp2), _possibleConstructorReturn(_this4, _ret2);
}
FocusHandlerImpl.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
var initial = prevState.uri == null;
if (initial) {
return es_extends({
shouldFocus: true
}, nextProps);
} else {
var myURIChanged = nextProps.uri !== prevState.uri;
var navigatedUpToMe = prevState.location.pathname !== nextProps.location.pathname && nextProps.location.pathname === nextProps.uri;
return es_extends({
shouldFocus: myURIChanged || navigatedUpToMe
}, nextProps);
}
};
FocusHandlerImpl.prototype.componentDidMount = function componentDidMount() {
focusHandlerCount++;
this.focus();
};
FocusHandlerImpl.prototype.componentWillUnmount = function componentWillUnmount() {
focusHandlerCount--;
if (focusHandlerCount === 0) {
initialRender = true;
}
};
FocusHandlerImpl.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
if (prevProps.location !== this.props.location && this.state.shouldFocus) {
this.focus();
}
};
FocusHandlerImpl.prototype.focus = function focus() {
if (false) {}
var requestFocus = this.props.requestFocus;
if (requestFocus) {
requestFocus(this.node);
} else {
if (initialRender) {
initialRender = false;
} else if (this.node) {
// React polyfills [autofocus] and it fires earlier than cDM,
// so we were stealing focus away, this line prevents that.
if (!this.node.contains(document.activeElement)) {
this.node.focus();
}
}
}
};
FocusHandlerImpl.prototype.render = function render() {
var _this5 = this;
var _props2 = this.props,
children = _props2.children,
style = _props2.style,
requestFocus = _props2.requestFocus,
_props2$component = _props2.component,
Comp = _props2$component === undefined ? "div" : _props2$component,
uri = _props2.uri,
location = _props2.location,
domProps = _objectWithoutProperties(_props2, ["children", "style", "requestFocus", "component", "uri", "location"]);
return external_React_default.a.createElement(
Comp,
es_extends({
style: es_extends({ outline: "none" }, style),
tabIndex: "-1",
ref: function ref(n) {
return _this5.node = n;
}
}, domProps),
external_React_default.a.createElement(
FocusContext.Provider,
{ value: this.requestFocus },
this.props.children
)
);
};
return FocusHandlerImpl;
}(external_React_default.a.Component);
polyfill(es_FocusHandlerImpl);
var k = function k() {};
////////////////////////////////////////////////////////////////////////////////
var forwardRef = external_React_default.a.forwardRef;
if (typeof forwardRef === "undefined") {
forwardRef = function forwardRef(C) {
return C;
};
}
var Link = forwardRef(function (_ref4, ref) {
var innerRef = _ref4.innerRef,
props = _objectWithoutProperties(_ref4, ["innerRef"]);
return external_React_default.a.createElement(
BaseContext.Consumer,
null,
function (_ref5) {
var basepath = _ref5.basepath,
baseuri = _ref5.baseuri;
return external_React_default.a.createElement(
es_Location,
null,
function (_ref6) {
var location = _ref6.location,
navigate = _ref6.navigate;
var to = props.to,
state = props.state,
replace = props.replace,
_props$getProps = props.getProps,
getProps = _props$getProps === undefined ? k : _props$getProps,
anchorProps = _objectWithoutProperties(props, ["to", "state", "replace", "getProps"]);
var href = resolve(to, baseuri);
var encodedHref = encodeURI(href);
var isCurrent = location.pathname === encodedHref;
var isPartiallyCurrent = startsWith(location.pathname, encodedHref);
return external_React_default.a.createElement("a", es_extends({
ref: ref || innerRef,
"aria-current": isCurrent ? "page" : undefined
}, anchorProps, getProps({ isCurrent: isCurrent, isPartiallyCurrent: isPartiallyCurrent, href: href, location: location }), {
href: href,
onClick: function onClick(event) {
if (anchorProps.onClick) anchorProps.onClick(event);
if (shouldNavigate(event)) {
event.preventDefault();
var shouldReplace = replace;
if (typeof replace !== "boolean" && isCurrent) {
var _location$state = es_extends({}, location.state),
key = _location$state.key,
restState = _objectWithoutProperties(_location$state, ["key"]);
shouldReplace = shallowCompare(es_extends({}, state), restState);
}
navigate(href, {
state: state,
replace: shouldReplace
});
}
}
}));
}
);
}
);
});
Link.displayName = "Link";
false ? undefined : void 0;
////////////////////////////////////////////////////////////////////////////////
function RedirectRequest(uri) {
this.uri = uri;
}
var isRedirect = function isRedirect(o) {
return o instanceof RedirectRequest;
};
var redirectTo = function redirectTo(to) {
throw new RedirectRequest(to);
};
var es_RedirectImpl = function (_React$Component3) {
_inherits(RedirectImpl, _React$Component3);
function RedirectImpl() {
_classCallCheck(this, RedirectImpl);
return _possibleConstructorReturn(this, _React$Component3.apply(this, arguments));
}
// Support React < 16 with this hook
RedirectImpl.prototype.componentDidMount = function componentDidMount() {
var _props3 = this.props,
navigate = _props3.navigate,
to = _props3.to,
from = _props3.from,
_props3$replace = _props3.replace,
replace = _props3$replace === undefined ? true : _props3$replace,
state = _props3.state,
noThrow = _props3.noThrow,
baseuri = _props3.baseuri,
props = _objectWithoutProperties(_props3, ["navigate", "to", "from", "replace", "state", "noThrow", "baseuri"]);
Promise.resolve().then(function () {
var resolvedTo = resolve(to, baseuri);
navigate(insertParams(resolvedTo, props), { replace: replace, state: state });
});
};
RedirectImpl.prototype.render = function render() {
var _props4 = this.props,
navigate = _props4.navigate,
to = _props4.to,
from = _props4.from,
replace = _props4.replace,
state = _props4.state,
noThrow = _props4.noThrow,
baseuri = _props4.baseuri,
props = _objectWithoutProperties(_props4, ["navigate", "to", "from", "replace", "state", "noThrow", "baseuri"]);
var resolvedTo = resolve(to, baseuri);
if (!noThrow) redirectTo(insertParams(resolvedTo, props));
return null;
};
return RedirectImpl;
}(external_React_default.a.Component);
var es_Redirect = function Redirect(props) {
return external_React_default.a.createElement(
BaseContext.Consumer,
null,
function (_ref7) {
var baseuri = _ref7.baseuri;
return external_React_default.a.createElement(
es_Location,
null,
function (locationContext) {
return external_React_default.a.createElement(es_RedirectImpl, es_extends({}, locationContext, { baseuri: baseuri }, props));
}
);
}
);
};
false ? undefined : void 0;
////////////////////////////////////////////////////////////////////////////////
var es_Match = function Match(_ref8) {
var path = _ref8.path,
children = _ref8.children;
return external_React_default.a.createElement(
BaseContext.Consumer,
null,
function (_ref9) {
var baseuri = _ref9.baseuri;
return external_React_default.a.createElement(
es_Location,
null,
function (_ref10) {
var navigate = _ref10.navigate,
location = _ref10.location;
var resolvedPath = resolve(path, baseuri);
var result = utils_match(resolvedPath, location.pathname);
return children({
navigate: navigate,
location: location,
match: result ? es_extends({}, result.params, {
uri: result.uri,
path: path
}) : null
});
}
);
}
);
};
////////////////////////////////////////////////////////////////////////////////
// Hooks
var es_useLocation = function useLocation() {
var context = Object(external_React_["useContext"])(LocationContext);
if (!context) {
throw new Error("useLocation hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");
}
return context.location;
};
var es_useNavigate = function useNavigate() {
var context = Object(external_React_["useContext"])(LocationContext);
if (!context) {
throw new Error("useNavigate hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");
}
return context.navigate;
};
var es_useParams = function useParams() {
var context = Object(external_React_["useContext"])(BaseContext);
if (!context) {
throw new Error("useParams hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");
}
var location = es_useLocation();
var results = utils_match(context.basepath, location.pathname);
return results ? results.params : null;
};
var es_useMatch = function useMatch(path) {
if (!path) {
throw new Error("useMatch(path: string) requires an argument of a string to match against");
}
var context = Object(external_React_["useContext"])(BaseContext);
if (!context) {
throw new Error("useMatch hook was used but a LocationContext.Provider was not found in the parent tree. Make sure this is used in a component that is a child of Router");
}
var location = es_useLocation();
var resolvedPath = resolve(path, context.baseuri);
var result = utils_match(resolvedPath, location.pathname);
return result ? es_extends({}, result.params, {
uri: result.uri,
path: path
}) : null;
};
////////////////////////////////////////////////////////////////////////////////
// Junk
var stripSlashes = function stripSlashes(str) {
return str.replace(/(^\/+|\/+$)/g, "");
};
var es_createRoute = function createRoute(basepath) {
return function (element) {
if (!element) {
return null;
}
if (element.type === external_React_default.a.Fragment && element.props.children) {
return external_React_default.a.Children.map(element.props.children, createRoute(basepath));
}
!(element.props.path || element.props.default || element.type === es_Redirect) ? false ? undefined : browser_default()(false) : void 0;
!!(element.type === es_Redirect && (!element.props.from || !element.props.to)) ? false ? undefined : browser_default()(false) : void 0;
!!(element.type === es_Redirect && !validateRedirect(element.props.from, element.props.to)) ? false ? undefined : browser_default()(false) : void 0;
if (element.props.default) {
return { value: element, default: true };
}
var elementPath = element.type === es_Redirect ? element.props.from : element.props.path;
var path = elementPath === "/" ? basepath : stripSlashes(basepath) + "/" + stripSlashes(elementPath);
return {
value: element,
default: element.props.default,
path: element.props.children ? stripSlashes(path) + "/*" : path
};
};
};
var shouldNavigate = function shouldNavigate(event) {
return !event.defaultPrevented && event.button === 0 && !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
};
////////////////////////////////////////////////////////////////////////
/***/ }),
/* 341 */,
/* 342 */,
/* 343 */,
/* 344 */
/***/ (function(module, exports) {
module.exports = elementorAppPackages.router;
/***/ }),
/* 345 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Icon;
var _react = _interopRequireDefault(__webpack_require__(12));
function Icon(props) {
return /*#__PURE__*/_react.default.createElement("i", {
className: "eps-icon ".concat(props.className)
});
}
Icon.propTypes = {
className: PropTypes.string.isRequired
};
Icon.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 346 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Grid;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(60);
__webpack_require__(120);
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(299));
__webpack_require__(649);
function Grid(props) {
var propsMap = {
direction: '--direction{{ -VALUE }}',
justify: '--justify{{ -VALUE }}',
alignContent: '--align-content{{ -VALUE }}',
alignItems: '--align-items{{ -VALUE }}',
container: '-container',
item: '-item',
noWrap: '-container--no-wrap',
wrapReverse: '-container--wrap-reverse',
zeroMinWidth: '-item--zero-min-width',
spacing: '-container--spacing',
xs: '-item-xs{{ -VALUE }}',
sm: '-item-sm{{ -VALUE }}',
md: '-item-md{{ -VALUE }}',
lg: '-item-lg{{ -VALUE }}',
xl: '-item-xl{{ -VALUE }}',
xxl: '-item-xxl{{ -VALUE }}'
},
getStyle = function getStyle() {
return isValidPropValue(props.spacing) ? {
'--grid-spacing-gutter': props.spacing
} : {};
},
classes = [getBaseClassName(), props.className].concat((0, _toConsumableArray2.default)(getPropsClasses(propsMap, props)));
return /*#__PURE__*/_react.default.createElement("div", {
style: getStyle(),
className: classes.filter(function (classItem) {
return '' !== classItem;
}).join(' ')
}, props.children);
}
function getPropsClasses(propsMap, props) {
var classes = [];
for (var prop in propsMap) {
if (props[prop]) {
var propValue = isValidPropValue(props[prop]) ? props[prop] : '';
classes.push(getBaseClassName() + renderPropValueBrackets(propsMap[prop], propValue));
}
}
return classes;
}
function renderPropValueBrackets(propClass, propValue) {
var brackets = propClass.match(/{{.*?}}/);
if (brackets) {
var bracketsValue = propValue ? brackets[0].replace(/[{ }]/g, '').replace(/value/i, propValue) : '';
propClass = propClass.replace(brackets[0], bracketsValue);
}
return propClass;
}
function getBaseClassName() {
return 'eps-grid';
}
function isValidPropValue(propValue) {
return propValue && 'boolean' !== typeof propValue;
}
Grid.propTypes = {
className: PropTypes.string,
direction: PropTypes.string,
justify: PropTypes.string,
alignContent: PropTypes.string,
alignItems: PropTypes.string,
container: PropTypes.bool,
item: PropTypes.bool,
noWrap: PropTypes.bool,
wrapReverse: PropTypes.bool,
zeroMinWidth: PropTypes.bool,
spacing: PropTypes.number,
xs: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
sm: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
md: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
lg: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
xl: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
xxl: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
children: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.arrayOf(PropTypes.object)]).isRequired
};
Grid.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 347 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(React, PropTypes) {
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Text;
function Text(props) {
var baseClassName = 'eps',
classes = [props.className],
tagName = props.tag,
variant = props.variant && 'md' !== props.variant ? '-' + props.variant : '';
classes.push(baseClassName + '-text' + variant);
return React.createElement(tagName, {
className: classes.filter(function (classItem) {
return classItem;
}).join(' ')
}, props.children);
}
Text.propTypes = {
className: PropTypes.string,
variant: PropTypes.string,
tag: PropTypes.string,
children: PropTypes.any.isRequired
};
Text.defaultProps = {
className: '',
tag: 'p'
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(12), __webpack_require__(41)))
/***/ }),
/* 348 */
/***/ (function(module, exports) {
/***/ }),
/* 349 */,
/* 350 */,
/* 351 */,
/* 352 */,
/* 353 */,
/* 354 */,
/* 355 */,
/* 356 */,
/* 357 */,
/* 358 */,
/* 359 */,
/* 360 */,
/* 361 */,
/* 362 */,
/* 363 */,
/* 364 */,
/* 365 */,
/* 366 */,
/* 367 */,
/* 368 */,
/* 369 */,
/* 370 */,
/* 371 */,
/* 372 */,
/* 373 */,
/* 374 */,
/* 375 */,
/* 376 */,
/* 377 */,
/* 378 */,
/* 379 */,
/* 380 */,
/* 381 */,
/* 382 */,
/* 383 */,
/* 384 */,
/* 385 */,
/* 386 */,
/* 387 */,
/* 388 */,
/* 389 */,
/* 390 */,
/* 391 */,
/* 392 */,
/* 393 */,
/* 394 */,
/* 395 */,
/* 396 */,
/* 397 */,
/* 398 */,
/* 399 */,
/* 400 */,
/* 401 */,
/* 402 */,
/* 403 */,
/* 404 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Page;
var _react = _interopRequireDefault(__webpack_require__(12));
var _header = _interopRequireDefault(__webpack_require__(645));
var _sidebar = _interopRequireDefault(__webpack_require__(650));
var _content = _interopRequireDefault(__webpack_require__(651));
var _footer = _interopRequireDefault(__webpack_require__(652));
function Page(props) {
var AppSidebar = function AppSidebar() {
if (!props.sidebar) {
return;
}
return /*#__PURE__*/_react.default.createElement(_sidebar.default, null, props.sidebar);
},
AppFooter = function AppFooter() {
if (!props.footer) {
return;
}
return /*#__PURE__*/_react.default.createElement(_footer.default, null, props.footer);
};
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__lightbox ".concat(props.className)
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app"
}, /*#__PURE__*/_react.default.createElement(_header.default, {
title: props.title,
buttons: props.headerButtons,
titleRedirectRoute: props.titleRedirectRoute
}), /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__main"
}, AppSidebar(), /*#__PURE__*/_react.default.createElement(_content.default, null, props.content)), AppFooter()));
}
Page.propTypes = {
title: PropTypes.string,
titleRedirectRoute: PropTypes.string,
className: PropTypes.string,
headerButtons: PropTypes.arrayOf(PropTypes.object),
sidebar: PropTypes.object,
content: PropTypes.object.isRequired,
footer: PropTypes.object
};
Page.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 405 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Dialog;
var _react = _interopRequireDefault(__webpack_require__(12));
var _dialogWrapper = _interopRequireDefault(__webpack_require__(654));
var _dialogContent = _interopRequireDefault(__webpack_require__(655));
var _dialogTitle = _interopRequireDefault(__webpack_require__(656));
var _dialogText = _interopRequireDefault(__webpack_require__(657));
var _dialogActions = _interopRequireDefault(__webpack_require__(658));
var _dialogButton = _interopRequireDefault(__webpack_require__(659));
__webpack_require__(660);
function Dialog(props) {
return /*#__PURE__*/_react.default.createElement(_dialogWrapper.default, {
onSubmit: props.onSubmit,
onClose: props.onClose
}, /*#__PURE__*/_react.default.createElement(_dialogContent.default, null, props.title && /*#__PURE__*/_react.default.createElement(_dialogTitle.default, null, props.title), props.text && /*#__PURE__*/_react.default.createElement(_dialogText.default, null, props.text), props.children), /*#__PURE__*/_react.default.createElement(_dialogActions.default, null, /*#__PURE__*/_react.default.createElement(_dialogButton.default, {
key: "dismiss",
text: props.dismissButtonText,
onClick: props.dismissButtonOnClick,
url: props.dismissButtonUrl,
target: props.dismissButtonTarget,
tabIndex: "2"
}), /*#__PURE__*/_react.default.createElement(_dialogButton.default, {
key: "approve",
text: props.approveButtonText,
onClick: props.approveButtonOnClick,
url: props.approveButtonUrl,
target: props.approveButtonTarget,
color: props.approveButtonColor,
tabIndex: "1"
})));
}
Dialog.propTypes = {
title: PropTypes.any,
text: PropTypes.any,
children: PropTypes.any,
onSubmit: PropTypes.func,
onClose: PropTypes.func,
dismissButtonText: PropTypes.string.isRequired,
dismissButtonOnClick: PropTypes.func,
dismissButtonUrl: PropTypes.string,
dismissButtonTarget: PropTypes.string,
approveButtonText: PropTypes.string.isRequired,
approveButtonOnClick: PropTypes.func,
approveButtonUrl: PropTypes.string,
approveButtonColor: PropTypes.string,
approveButtonTarget: PropTypes.string
};
Dialog.defaultProps = {};
Dialog.Wrapper = _dialogWrapper.default;
Dialog.Content = _dialogContent.default;
Dialog.Title = _dialogTitle.default;
Dialog.Text = _dialogText.default;
Dialog.Actions = _dialogActions.default;
Dialog.Button = _dialogButton.default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 406 */,
/* 407 */,
/* 408 */,
/* 409 */,
/* 410 */,
/* 411 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _react = __webpack_require__(12);
var _react2 = _interopRequireDefault(_react);
var _implementation = __webpack_require__(640);
var _implementation2 = _interopRequireDefault(_implementation);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _react2.default.createContext || _implementation2.default;
module.exports = exports['default'];
/***/ }),
/* 412 */,
/* 413 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.TemplateTypesConsumer = exports.Context = void 0;
var _react = _interopRequireDefault(__webpack_require__(12));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _inherits2 = _interopRequireDefault(__webpack_require__(4));
var _createSuper2 = _interopRequireDefault(__webpack_require__(5));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
__webpack_require__(780);
var Context = _react.default.createContext();
exports.Context = Context;
var TemplateTypesContext = /*#__PURE__*/function (_React$Component) {
(0, _inherits2.default)(TemplateTypesContext, _React$Component);
var _super = (0, _createSuper2.default)(TemplateTypesContext);
function TemplateTypesContext(props) {
var _this;
(0, _classCallCheck2.default)(this, TemplateTypesContext);
_this = _super.call(this, props);
_this.state = {
templateTypes: [],
loading: true,
error: false
};
return _this;
}
(0, _createClass2.default)(TemplateTypesContext, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
this.getTemplateTypes().then(function (response) {
_this2.setState({
templateTypes: response,
loading: false
});
}).fail(function (error) {
_this2.setState({
error: error.statusText ? error.statusText : error,
loading: false
});
});
}
}, {
key: "getTemplateTypes",
value: function getTemplateTypes() {
return elementorCommon.ajax.load({
action: 'app_site_editor_template_types'
});
}
}, {
key: "render",
value: function render() {
if (this.state.error) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-loading-wrapper"
}, /*#__PURE__*/_react.default.createElement("h3", null, __('Error:', 'elementor'), " ", this.state.error));
}
if (this.state.loading) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loading"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-wrapper"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-boxes"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loader-box"
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "elementor-loading-title"
}, __('Loading', 'elementor')))); // { __( 'Loading', 'elementor' ) }...
;
}
return /*#__PURE__*/_react.default.createElement(Context.Provider, {
value: this.state
}, this.props.children);
}
}]);
return TemplateTypesContext;
}(_react.default.Component);
(0, _defineProperty2.default)(TemplateTypesContext, "propTypes", {
children: PropTypes.object.isRequired
});
var TemplateTypesConsumer = Context.Consumer;
exports.TemplateTypesConsumer = TemplateTypesConsumer;
var _default = TemplateTypesContext;
exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 414 */,
/* 415 */,
/* 416 */,
/* 417 */,
/* 418 */,
/* 419 */,
/* 420 */,
/* 421 */,
/* 422 */,
/* 423 */,
/* 424 */,
/* 425 */,
/* 426 */,
/* 427 */,
/* 428 */,
/* 429 */,
/* 430 */,
/* 431 */,
/* 432 */,
/* 433 */,
/* 434 */,
/* 435 */,
/* 436 */,
/* 437 */,
/* 438 */,
/* 439 */,
/* 440 */,
/* 441 */,
/* 442 */,
/* 443 */,
/* 444 */,
/* 445 */,
/* 446 */,
/* 447 */,
/* 448 */,
/* 449 */,
/* 450 */,
/* 451 */,
/* 452 */,
/* 453 */,
/* 454 */,
/* 455 */,
/* 456 */,
/* 457 */,
/* 458 */,
/* 459 */,
/* 460 */,
/* 461 */,
/* 462 */,
/* 463 */,
/* 464 */,
/* 465 */,
/* 466 */,
/* 467 */,
/* 468 */,
/* 469 */,
/* 470 */,
/* 471 */,
/* 472 */,
/* 473 */,
/* 474 */,
/* 475 */,
/* 476 */,
/* 477 */,
/* 478 */,
/* 479 */,
/* 480 */,
/* 481 */,
/* 482 */,
/* 483 */,
/* 484 */,
/* 485 */,
/* 486 */,
/* 487 */,
/* 488 */,
/* 489 */,
/* 490 */,
/* 491 */,
/* 492 */,
/* 493 */,
/* 494 */,
/* 495 */,
/* 496 */,
/* 497 */,
/* 498 */,
/* 499 */,
/* 500 */,
/* 501 */,
/* 502 */,
/* 503 */,
/* 504 */,
/* 505 */,
/* 506 */,
/* 507 */,
/* 508 */,
/* 509 */,
/* 510 */,
/* 511 */,
/* 512 */,
/* 513 */,
/* 514 */,
/* 515 */,
/* 516 */,
/* 517 */,
/* 518 */,
/* 519 */,
/* 520 */,
/* 521 */,
/* 522 */,
/* 523 */,
/* 524 */,
/* 525 */,
/* 526 */,
/* 527 */,
/* 528 */,
/* 529 */,
/* 530 */,
/* 531 */,
/* 532 */,
/* 533 */,
/* 534 */,
/* 535 */,
/* 536 */,
/* 537 */,
/* 538 */,
/* 539 */,
/* 540 */,
/* 541 */,
/* 542 */,
/* 543 */,
/* 544 */,
/* 545 */,
/* 546 */,
/* 547 */,
/* 548 */,
/* 549 */,
/* 550 */,
/* 551 */,
/* 552 */,
/* 553 */,
/* 554 */,
/* 555 */,
/* 556 */,
/* 557 */,
/* 558 */,
/* 559 */,
/* 560 */,
/* 561 */,
/* 562 */,
/* 563 */,
/* 564 */,
/* 565 */,
/* 566 */,
/* 567 */,
/* 568 */,
/* 569 */,
/* 570 */,
/* 571 */,
/* 572 */,
/* 573 */,
/* 574 */,
/* 575 */,
/* 576 */,
/* 577 */,
/* 578 */,
/* 579 */,
/* 580 */,
/* 581 */,
/* 582 */,
/* 583 */,
/* 584 */,
/* 585 */,
/* 586 */,
/* 587 */,
/* 588 */,
/* 589 */,
/* 590 */,
/* 591 */,
/* 592 */,
/* 593 */,
/* 594 */,
/* 595 */,
/* 596 */,
/* 597 */,
/* 598 */,
/* 599 */,
/* 600 */,
/* 601 */,
/* 602 */,
/* 603 */,
/* 604 */,
/* 605 */,
/* 606 */,
/* 607 */,
/* 608 */,
/* 609 */,
/* 610 */,
/* 611 */,
/* 612 */,
/* 613 */,
/* 614 */,
/* 615 */,
/* 616 */,
/* 617 */,
/* 618 */,
/* 619 */,
/* 620 */,
/* 621 */,
/* 622 */,
/* 623 */,
/* 624 */,
/* 625 */,
/* 626 */,
/* 627 */,
/* 628 */,
/* 629 */,
/* 630 */,
/* 631 */,
/* 632 */,
/* 633 */,
/* 634 */,
/* 635 */,
/* 636 */,
/* 637 */,
/* 638 */,
/* 639 */,
/* 640 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _react = __webpack_require__(12);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(41);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _gud = __webpack_require__(641);
var _gud2 = _interopRequireDefault(_gud);
var _warning = __webpack_require__(643);
var _warning2 = _interopRequireDefault(_warning);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var MAX_SIGNED_31_BIT_INT = 1073741823;
// Inlined Object.is polyfill.
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
function objectIs(x, y) {
if (x === y) {
return x !== 0 || 1 / x === 1 / y;
} else {
return x !== x && y !== y;
}
}
function createEventEmitter(value) {
var handlers = [];
return {
on: function on(handler) {
handlers.push(handler);
},
off: function off(handler) {
handlers = handlers.filter(function (h) {
return h !== handler;
});
},
get: function get() {
return value;
},
set: function set(newValue, changedBits) {
value = newValue;
handlers.forEach(function (handler) {
return handler(value, changedBits);
});
}
};
}
function onlyChild(children) {
return Array.isArray(children) ? children[0] : children;
}
function createReactContext(defaultValue, calculateChangedBits) {
var _Provider$childContex, _Consumer$contextType;
var contextProp = '__create-react-context-' + (0, _gud2.default)() + '__';
var Provider = function (_Component) {
_inherits(Provider, _Component);
function Provider() {
var _temp, _this, _ret;
_classCallCheck(this, Provider);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.emitter = createEventEmitter(_this.props.value), _temp), _possibleConstructorReturn(_this, _ret);
}
Provider.prototype.getChildContext = function getChildContext() {
var _ref;
return _ref = {}, _ref[contextProp] = this.emitter, _ref;
};
Provider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (this.props.value !== nextProps.value) {
var oldValue = this.props.value;
var newValue = nextProps.value;
var changedBits = void 0;
if (objectIs(oldValue, newValue)) {
changedBits = 0; // No change
} else {
changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;
if (false) {}
changedBits |= 0;
if (changedBits !== 0) {
this.emitter.set(nextProps.value, changedBits);
}
}
}
};
Provider.prototype.render = function render() {
return this.props.children;
};
return Provider;
}(_react.Component);
Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = _propTypes2.default.object.isRequired, _Provider$childContex);
var Consumer = function (_Component2) {
_inherits(Consumer, _Component2);
function Consumer() {
var _temp2, _this2, _ret2;
_classCallCheck(this, Consumer);
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = {
value: _this2.getValue()
}, _this2.onUpdate = function (newValue, changedBits) {
var observedBits = _this2.observedBits | 0;
if ((observedBits & changedBits) !== 0) {
_this2.setState({ value: _this2.getValue() });
}
}, _temp2), _possibleConstructorReturn(_this2, _ret2);
}
Consumer.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
var observedBits = nextProps.observedBits;
this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default
: observedBits;
};
Consumer.prototype.componentDidMount = function componentDidMount() {
if (this.context[contextProp]) {
this.context[contextProp].on(this.onUpdate);
}
var observedBits = this.props.observedBits;
this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default
: observedBits;
};
Consumer.prototype.componentWillUnmount = function componentWillUnmount() {
if (this.context[contextProp]) {
this.context[contextProp].off(this.onUpdate);
}
};
Consumer.prototype.getValue = function getValue() {
if (this.context[contextProp]) {
return this.context[contextProp].get();
} else {
return defaultValue;
}
};
Consumer.prototype.render = function render() {
return onlyChild(this.props.children)(this.state.value);
};
return Consumer;
}(_react.Component);
Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = _propTypes2.default.object, _Consumer$contextType);
return {
Provider: Provider,
Consumer: Consumer
};
}
exports.default = createReactContext;
module.exports = exports['default'];
/***/ }),
/* 641 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(global) {// @flow
var key = '__global_unique_id__';
module.exports = function() {
return global[key] = (global[key] || 0) + 1;
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(642)))
/***/ }),
/* 642 */
/***/ (function(module, exports) {
var g;
// This works in non-strict mode
g = (function() {
return this;
})();
try {
// This works if eval is allowed (see CSP)
g = g || new Function("return this")();
} catch (e) {
// This works if the window reference is available
if (typeof window === "object") g = window;
}
// g can still be undefined, but nothing to do about it...
// We return undefined, instead of nothing here, so it's
// easier to handle this case. if(!global) { ...}
module.exports = g;
/***/ }),
/* 643 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/**
* Copyright (c) 2014-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* Similar to invariant but only logs a warning if the condition is not met.
* This can be used to log issues in development environments in critical
* paths. Removing the logging code for production environments will keep the
* same logic and follow the same code paths.
*/
var __DEV__ = "production" !== 'production';
var warning = function() {};
if (__DEV__) {
var printWarning = function printWarning(format, args) {
var len = arguments.length;
args = new Array(len > 1 ? len - 1 : 0);
for (var key = 1; key < len; key++) {
args[key - 1] = arguments[key];
}
var argIndex = 0;
var message = 'Warning: ' +
format.replace(/%s/g, function() {
return args[argIndex++];
});
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// --- Welcome to debugging React ---
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch (x) {}
}
warning = function(condition, format, args) {
var len = arguments.length;
args = new Array(len > 2 ? len - 2 : 0);
for (var key = 2; key < len; key++) {
args[key - 2] = arguments[key];
}
if (format === undefined) {
throw new Error(
'`warning(condition, format, ...args)` requires a warning ' +
'message argument'
);
}
if (!condition) {
printWarning.apply(null, [format].concat(args));
}
};
}
module.exports = warning;
/***/ }),
/* 644 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = NotFound;
var _react = _interopRequireDefault(__webpack_require__(12));
var _page = _interopRequireDefault(__webpack_require__(404));
function NotFound() {
var config = {
title: __('Not Found', 'elementor'),
className: 'eps-app__not-found',
content: /*#__PURE__*/_react.default.createElement("h1", null, " ", __('Not Found', 'elementor'), " "),
sidebar: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
};
return /*#__PURE__*/_react.default.createElement(_page.default, config);
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"]))
/***/ }),
/* 645 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Header;
var _react = _interopRequireDefault(__webpack_require__(12));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _headerButtons = _interopRequireDefault(__webpack_require__(646));
var _grid = _interopRequireDefault(__webpack_require__(346));
function Header(props) {
var TitleTag = 'span',
titleAttrs = {};
if (props.titleRedirectRoute) {
TitleTag = 'a';
titleAttrs = {
href: "#".concat(props.titleRedirectRoute),
target: '_self'
};
}
_react.default.useEffect(function () {
document.title = __('Elementor', 'elementor') + ' | ' + props.title;
});
return /*#__PURE__*/_react.default.createElement(_grid.default, {
container: true,
alignItems: "center",
justify: "space-between",
className: "eps-app__header"
}, /*#__PURE__*/_react.default.createElement(TitleTag, (0, _extends2.default)({
className: "eps-app__logo-title-wrapper"
}, titleAttrs), /*#__PURE__*/_react.default.createElement("i", {
className: "eps-app__logo eicon-elementor"
}), /*#__PURE__*/_react.default.createElement("h1", {
className: "eps-app__title"
}, props.title)), /*#__PURE__*/_react.default.createElement(_headerButtons.default, {
buttons: props.buttons
}));
}
Header.propTypes = {
title: PropTypes.string,
titleRedirectRoute: PropTypes.string,
buttons: PropTypes.arrayOf(PropTypes.object)
};
Header.defaultProps = {
buttons: []
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 646 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = HeaderButtons;
var _react = _interopRequireDefault(__webpack_require__(12));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _headerButton = _interopRequireDefault(__webpack_require__(647));
function HeaderButtons(props) {
var tools = '';
if (props.buttons.length) {
var buttons = props.buttons.map(function (button) {
return /*#__PURE__*/_react.default.createElement(_headerButton.default, (0, _extends2.default)({
key: button.id
}, button));
});
tools = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttons);
}
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__header-buttons"
}, /*#__PURE__*/_react.default.createElement(_headerButton.default, {
text: __('Close', 'elementor'),
icon: "eicon-close",
className: "eps-app__close-button",
onClick: function onClick() {
if (window.top === window) {
// Directly.
window.top.location = elementorAppConfig.return_url;
} else {
// Iframe.
window.top.$e.run('app/close');
}
}
}), tools);
}
HeaderButtons.propTypes = {
buttons: PropTypes.arrayOf(PropTypes.object)
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 647 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _assign = _interopRequireDefault(__webpack_require__(138));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _get2 = _interopRequireDefault(__webpack_require__(24));
var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(16));
var _inherits2 = _interopRequireDefault(__webpack_require__(4));
var _createSuper2 = _interopRequireDefault(__webpack_require__(5));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
var _button = _interopRequireDefault(__webpack_require__(240));
var Button = /*#__PURE__*/function (_BaseButton) {
(0, _inherits2.default)(Button, _BaseButton);
var _super = (0, _createSuper2.default)(Button);
function Button() {
(0, _classCallCheck2.default)(this, Button);
return _super.apply(this, arguments);
}
(0, _createClass2.default)(Button, [{
key: "getCssId",
value: function getCssId() {
return "eps-app-header-btn-" + (0, _get2.default)((0, _getPrototypeOf2.default)(Button.prototype), "getCssId", this).call(this);
}
}, {
key: "getClassName",
value: function getClassName() {
return "eps-app__header-btn " + (0, _get2.default)((0, _getPrototypeOf2.default)(Button.prototype), "getClassName", this).call(this);
}
}]);
return Button;
}(_button.default);
exports.default = Button;
(0, _defineProperty2.default)(Button, "defaultProps", (0, _assign.default)({}
/* clone */
, _button.default.defaultProps, {
hideText: true
}));
/***/ }),
/* 648 */
/***/ (function(module, exports) {
/***/ }),
/* 649 */
/***/ (function(module, exports) {
/***/ }),
/* 650 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Sidebar;
var _react = _interopRequireDefault(__webpack_require__(12));
function Sidebar(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__sidebar"
}, props.children);
}
Sidebar.propTypes = {
children: PropTypes.object
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 651 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Content;
var _react = _interopRequireDefault(__webpack_require__(12));
function Content(props) {
return /*#__PURE__*/_react.default.createElement("main", {
className: "eps-app__content"
}, props.children);
}
Content.propTypes = {
children: PropTypes.object
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 652 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Footer;
var _react = _interopRequireDefault(__webpack_require__(12));
function Footer(props) {
return /*#__PURE__*/_react.default.createElement("footer", {
className: "eps-app__footer"
}, props.children);
}
Footer.propTypes = {
children: PropTypes.object
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 653 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(__webpack_require__(12));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _inherits2 = _interopRequireDefault(__webpack_require__(4));
var _createSuper2 = _interopRequireDefault(__webpack_require__(5));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
var _dialog = _interopRequireDefault(__webpack_require__(405));
// In the current time there is no solution to use "getDerivedStateFromError" static method with functional component
// That is why this component is a class component.
// @link https://reactjs.org/docs/hooks-faq.html#do-hooks-cover-all-use-cases-for-classes
var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
(0, _inherits2.default)(ErrorBoundary, _React$Component);
var _super = (0, _createSuper2.default)(ErrorBoundary);
function ErrorBoundary(props) {
var _this;
(0, _classCallCheck2.default)(this, ErrorBoundary);
_this = _super.call(this, props);
_this.state = {
hasError: null
};
return _this;
}
(0, _createClass2.default)(ErrorBoundary, [{
key: "goBack",
value: function goBack() {
// If the app was opened inside an iframe, it will close it,
// if not, it will redirect to the last location.
if (window.top !== window.self) {
window.top.$e.run('app/close');
}
window.location = elementorAppConfig.return_url;
}
}, {
key: "render",
value: function render() {
if (this.state.hasError) {
return /*#__PURE__*/_react.default.createElement(_dialog.default, {
title: this.props.title,
text: this.props.text,
approveButtonUrl: this.props.learnMoreUrl,
approveButtonColor: "link",
approveButtonTarget: "_blank",
approveButtonText: __('Learn More', 'elementor'),
dismissButtonText: __('Go Back', 'elementor'),
dismissButtonOnClick: this.goBack
});
}
return this.props.children;
}
}], [{
key: "getDerivedStateFromError",
value: function getDerivedStateFromError() {
return {
hasError: true
};
}
}]);
return ErrorBoundary;
}(_react.default.Component);
exports.default = ErrorBoundary;
(0, _defineProperty2.default)(ErrorBoundary, "propTypes", {
children: PropTypes.any,
title: PropTypes.string,
text: PropTypes.string,
learnMoreUrl: PropTypes.string
});
(0, _defineProperty2.default)(ErrorBoundary, "defaultProps", {
title: __('App could not be loaded', 'elementor'),
text: __('We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.', 'elementor'),
learnMoreUrl: 'https://go.elementor.com/app-general-load-issue/'
});
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 654 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DialogWrapper;
var _react = _interopRequireDefault(__webpack_require__(12));
var _button = _interopRequireDefault(__webpack_require__(240));
function DialogWrapper(props) {
var WrapperTag = 'div';
if (props.onSubmit) {
WrapperTag = 'form';
}
return /*#__PURE__*/_react.default.createElement("section", {
className: "eps-modal__overlay"
}, props.onClose && /*#__PURE__*/_react.default.createElement(_button.default, {
onClick: props.onClose,
text: __('Close', 'elementor'),
hideText: true,
icon: "eicon-close",
className: "eps-dialog__close-button"
}), /*#__PURE__*/_react.default.createElement(WrapperTag, {
className: "eps-modal eps-dialog",
onSubmit: props.onSubmit
}, props.children));
}
DialogWrapper.propTypes = {
onClose: PropTypes.func,
onSubmit: PropTypes.func,
children: PropTypes.any
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 655 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DialogContent;
var _react = _interopRequireDefault(__webpack_require__(12));
function DialogContent(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-dialog__content"
}, props.children);
}
DialogContent.propTypes = {
children: PropTypes.any
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 656 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DialogTitle;
var _react = _interopRequireDefault(__webpack_require__(12));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(214));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _heading = _interopRequireDefault(__webpack_require__(336));
function DialogTitle(props) {
return /*#__PURE__*/_react.default.createElement(_heading.default, (0, _extends2.default)({}, props, {
className: "eps-dialog__title ".concat(props.className)
}));
}
DialogTitle.propTypes = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _heading.default.propTypes), {}, {
className: PropTypes.string
});
DialogTitle.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _heading.default.propTypes), {}, {
variant: 'h3',
tag: 'h3',
className: ''
});
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 657 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DialogText;
var _react = _interopRequireDefault(__webpack_require__(12));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(214));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _text = _interopRequireDefault(__webpack_require__(347));
function DialogText(props) {
return /*#__PURE__*/_react.default.createElement(_text.default, (0, _extends2.default)({
variant: "xs"
}, props, {
className: "eps-dialog__text ".concat(props.className)
}));
}
DialogText.propTypes = (0, _objectSpread2.default)({}, _text.default.propTypes);
DialogText.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _text.default.defaultProps), {}, {
tag: 'p',
variant: 'sm'
});
/***/ }),
/* 658 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DialogActions;
var _react = _interopRequireDefault(__webpack_require__(12));
function DialogActions(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-dialog__buttons"
}, props.children);
}
DialogActions.propTypes = {
children: PropTypes.any
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 659 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DialogButton;
var _react = _interopRequireDefault(__webpack_require__(12));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(214));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _button = _interopRequireDefault(__webpack_require__(240));
function DialogButton(props) {
return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, props, {
className: "eps-dialog__button ".concat(props.className)
}));
}
DialogButton.propTypes = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _button.default.propTypes), {}, {
tabIndex: PropTypes.string,
type: PropTypes.string
});
DialogButton.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _button.default.defaultProps), {}, {
tabIndex: '0',
type: 'button'
});
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 660 */
/***/ (function(module, exports) {
/***/ }),
/* 661 */,
/* 662 */,
/* 663 */,
/* 664 */,
/* 665 */,
/* 666 */,
/* 667 */,
/* 668 */,
/* 669 */,
/* 670 */,
/* 671 */,
/* 672 */,
/* 673 */,
/* 674 */,
/* 675 */,
/* 676 */,
/* 677 */,
/* 678 */,
/* 679 */,
/* 680 */,
/* 681 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes, __) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _objectSpread2 = _interopRequireDefault(__webpack_require__(214));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _inherits2 = _interopRequireDefault(__webpack_require__(4));
var _createSuper2 = _interopRequireDefault(__webpack_require__(5));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
var _button = _interopRequireDefault(__webpack_require__(240));
__webpack_require__(764);
var AddNewButton = /*#__PURE__*/function (_Button) {
(0, _inherits2.default)(AddNewButton, _Button);
var _super = (0, _createSuper2.default)(AddNewButton);
function AddNewButton() {
(0, _classCallCheck2.default)(this, AddNewButton);
return _super.apply(this, arguments);
}
(0, _createClass2.default)(AddNewButton, [{
key: "getClassName",
value: function getClassName() {
var className = this.props.className;
if (this.props.size) {
className += ' eps-add-new-button--' + this.props.size;
}
return className;
}
}]);
return AddNewButton;
}(_button.default);
exports.default = AddNewButton;
(0, _defineProperty2.default)(AddNewButton, "propTypes", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _button.default.propTypes), {}, {
text: PropTypes.string,
size: PropTypes.string
}));
(0, _defineProperty2.default)(AddNewButton, "defaultProps", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _button.default.defaultProps), {}, {
className: 'eps-add-new-button',
text: __('Add New', 'elementor-pro'),
icon: 'eicon-plus'
}));
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41), __webpack_require__(195)["__"]))
/***/ }),
/* 682 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(348);
var Card = _react.default.forwardRef(function (props, ref) {
return /*#__PURE__*/_react.default.createElement("article", {
className: "eps-card ".concat(props.className),
ref: ref
}, props.children);
});
Card.propTypes = {
type: PropTypes.string,
className: PropTypes.string,
children: PropTypes.any
};
Card.defaultProps = {
className: ''
};
Card.displayName = 'Card';
var _default = Card;
exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 683 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = CardBody;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(348);
function CardBody(props) {
return /*#__PURE__*/_react.default.createElement("main", {
className: "eps-card__body ".concat(props.className)
}, props.children);
}
CardBody.propTypes = {
className: PropTypes.string,
children: PropTypes.object.isRequired
};
CardBody.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 684 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = CardImage;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(348);
function CardImage(props) {
var image = /*#__PURE__*/_react.default.createElement("img", {
src: props.src,
alt: props.alt,
className: "eps-card__image"
});
return /*#__PURE__*/_react.default.createElement("figure", {
className: "eps-card__figure ".concat(props.className)
}, image, props.children);
}
CardImage.propTypes = {
className: PropTypes.string,
src: PropTypes.string.isRequired,
alt: PropTypes.string.isRequired,
children: PropTypes.any
};
CardImage.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 685 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = CardHeader;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(348);
function CardHeader(props) {
return /*#__PURE__*/_react.default.createElement("header", {
className: "eps-card__header ".concat(props.className)
}, props.children);
}
CardHeader.propTypes = {
className: PropTypes.string,
children: PropTypes.any.isRequired
};
CardHeader.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 686 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = CardOverlay;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(348);
function CardOverlay(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-card__image-overlay ".concat(props.className)
}, props.children);
}
CardOverlay.propTypes = {
className: PropTypes.string,
children: PropTypes.object.isRequired
};
CardOverlay.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 687 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = CssGrid;
var _react = _interopRequireDefault(__webpack_require__(12));
var _utils = _interopRequireDefault(__webpack_require__(688));
__webpack_require__(766);
function CssGrid(props) {
var gridStyle = {
'--eps-grid-columns': props.columns,
'--eps-grid-spacing': _utils.default.pxToRem(props.spacing),
'--eps-grid-col-min-width': _utils.default.pxToRem(props.colMinWidth),
'--eps-grid-col-max-width': _utils.default.pxToRem(props.colMaxWidth)
};
return /*#__PURE__*/_react.default.createElement("div", {
style: gridStyle,
className: "eps-css-grid ".concat(props.className)
}, props.children);
}
CssGrid.propTypes = {
className: PropTypes.string,
children: PropTypes.any.isRequired,
columns: PropTypes.number,
spacing: PropTypes.number,
colMinWidth: PropTypes.number,
colMaxWidth: PropTypes.number
};
CssGrid.defaultProps = {
spacing: 24,
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 688 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
__webpack_require__(81);
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
var Utils = function Utils() {
(0, _classCallCheck2.default)(this, Utils);
};
exports.default = Utils;
(0, _defineProperty2.default)(Utils, "pxToRem", function (pixels) {
if (!pixels) {
return;
}
return "".concat(pixels * 0.0625, "rem");
});
(0, _defineProperty2.default)(Utils, "arrayToClassName", function (array) {
return array.filter(function (classItem) {
return '' !== classItem;
}).join(' ');
});
(0, _defineProperty2.default)(Utils, "stringToRemValues", function (string) {
return string.split(' ').map(function (value) {
return Utils.pxToRem(value);
}).join(' ');
});
/***/ }),
/* 689 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _interopRequireWildcard = __webpack_require__(38);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DragDrop;
var _react = _interopRequireWildcard(__webpack_require__(12));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(105));
var _utils = _interopRequireDefault(__webpack_require__(688));
__webpack_require__(767);
function DragDrop(props) {
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isDragOver = _useState2[0],
setIsDragOver = _useState2[1],
getClassName = function getClassName() {
var baseClassName = 'e-app-drag-drop',
classes = [baseClassName, props.className];
if (isDragOver && !props.isLoading) {
classes.push(baseClassName + '--drag-over');
}
return _utils.default.arrayToClassName(classes);
},
onDragDropActions = function onDragDropActions(event) {
event.preventDefault();
event.stopPropagation();
},
dragDropEvents = {
onDrop: function onDrop(event) {
onDragDropActions(event);
setIsDragOver(false);
if (props.onDrop) {
props.onDrop(event);
}
},
onDragOver: function onDragOver(event) {
onDragDropActions(event);
setIsDragOver(true);
if (props.onDragOver) {
props.onDragOver(event);
}
},
onDragLeave: function onDragLeave(event) {
onDragDropActions(event);
setIsDragOver(false);
if (props.onDragLeave) {
props.onDragLeave(event);
}
}
};
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dragDropEvents, {
className: getClassName()
}), props.children);
}
DragDrop.propTypes = {
className: PropTypes.string,
children: PropTypes.any,
onDrop: PropTypes.func,
onDragLeave: PropTypes.func,
onDragOver: PropTypes.func,
isLoading: PropTypes.bool
};
DragDrop.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 690 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes, __) {
var _interopRequireDefault = __webpack_require__(0);
var _interopRequireWildcard = __webpack_require__(38);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = UploadFile;
var _react = _interopRequireWildcard(__webpack_require__(12));
var _button = _interopRequireDefault(__webpack_require__(240));
__webpack_require__(769);
function UploadFile(props) {
var fileInput = (0, _react.useRef)(null);
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
ref: fileInput,
type: "file",
className: "e-app-upload-file__input",
onChange: function onChange(event) {
props.onFileSelect(event.target.files, event);
}
}), /*#__PURE__*/_react.default.createElement(_button.default, {
className: "e-app-upload-file__button",
text: props.text,
variant: "contained",
color: "primary",
size: "lg",
hideText: props.isLoading,
icon: props.isLoading ? 'eicon-loading eicon-animation-spin' : '',
onClick: function onClick() {
if (!props.isLoading) {
fileInput.current.click();
}
}
}));
}
UploadFile.propTypes = {
className: PropTypes.string,
text: PropTypes.string,
onFileSelect: PropTypes.func,
isLoading: PropTypes.bool
};
UploadFile.defaultProps = {
className: '',
text: __('Select File', 'elementor')
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41), __webpack_require__(195)["__"]))
/***/ }),
/* 691 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Menu;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(120);
var _extends2 = _interopRequireDefault(__webpack_require__(194));
__webpack_require__(771);
var _button = _interopRequireDefault(__webpack_require__(240));
var _router = _interopRequireDefault(__webpack_require__(344));
var _router2 = __webpack_require__(340);
function Menu(props) {
var ActionButton = function ActionButton(itemProps) {
if (!props.actionButton) {
return '';
}
return props.actionButton(itemProps);
};
if (props.promotion) {
return /*#__PURE__*/_react.default.createElement("nav", {
className: "eps-menu"
}, props.children, /*#__PURE__*/_react.default.createElement("ul", null, props.menuItems.map(function (item) {
return /*#__PURE__*/_react.default.createElement("li", {
key: item.type,
className: "eps-menu-item"
}, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
text: item.title,
className: "eps-menu-item__link"
}, item)), /*#__PURE__*/_react.default.createElement(ActionButton, item));
})));
}
return /*#__PURE__*/_react.default.createElement(_router2.LocationProvider, {
history: _router.default.appHistory
}, /*#__PURE__*/_react.default.createElement("nav", {
className: "eps-menu"
}, props.children, /*#__PURE__*/_react.default.createElement("ul", null, props.menuItems.map(function (item) {
return /*#__PURE__*/_react.default.createElement(_router2.Match, {
key: item.type,
path: item.url
}, function (_ref) {
var match = _ref.match;
return /*#__PURE__*/_react.default.createElement("li", {
key: item.type,
className: "eps-menu-item".concat(match ? ' eps-menu-item--active' : '')
}, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
text: item.title,
className: "eps-menu-item__link"
}, item)), /*#__PURE__*/_react.default.createElement(ActionButton, item));
});
}))));
}
Menu.propTypes = {
menuItems: PropTypes.arrayOf(PropTypes.object),
children: PropTypes.any,
actionButton: PropTypes.func,
promotion: PropTypes.bool
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 692 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _get2 = _interopRequireDefault(__webpack_require__(24));
var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(16));
var _inherits2 = _interopRequireDefault(__webpack_require__(4));
var _createSuper2 = _interopRequireDefault(__webpack_require__(5));
__webpack_require__(772);
var _button = _interopRequireDefault(__webpack_require__(240));
var SideMenuItem = /*#__PURE__*/function (_BaseButton) {
(0, _inherits2.default)(SideMenuItem, _BaseButton);
var _super = (0, _createSuper2.default)(SideMenuItem);
function SideMenuItem() {
(0, _classCallCheck2.default)(this, SideMenuItem);
return _super.apply(this, arguments);
}
(0, _createClass2.default)(SideMenuItem, [{
key: "getCssId",
value: function getCssId() {
return "eps-menu-item-" + (0, _get2.default)((0, _getPrototypeOf2.default)(SideMenuItem.prototype), "getCssId", this).call(this);
}
}, {
key: "getClassName",
value: function getClassName() {
return "eps-menu-item " + (0, _get2.default)((0, _getPrototypeOf2.default)(SideMenuItem.prototype), "getClassName", this).call(this);
}
}]);
return SideMenuItem;
}(_button.default);
exports.default = SideMenuItem;
/***/ }),
/* 693 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes, __) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(__webpack_require__(12));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(48));
var _inherits2 = _interopRequireDefault(__webpack_require__(4));
var _createSuper2 = _interopRequireDefault(__webpack_require__(5));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
var _button = _interopRequireDefault(__webpack_require__(240));
var _grid = _interopRequireDefault(__webpack_require__(346));
var _icon = _interopRequireDefault(__webpack_require__(345));
__webpack_require__(773);
var ModalProvider = /*#__PURE__*/function (_React$Component) {
(0, _inherits2.default)(ModalProvider, _React$Component);
var _super = (0, _createSuper2.default)(ModalProvider);
function ModalProvider(props) {
var _this;
(0, _classCallCheck2.default)(this, ModalProvider);
_this = _super.call(this, props);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideModal", function () {
_this.setState({
show: false
});
});
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showModal", function () {
_this.setState({
show: true
});
});
_this.state = {
hideModal: _this.hideModal,
show: false,
showModal: _this.showModal
};
return _this;
}
(0, _createClass2.default)(ModalProvider, [{
key: "render",
value: function render() {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, this.props.toggleButtonProps, {
onClick: this.state.showModal
})), /*#__PURE__*/_react.default.createElement(Modal, {
modalProps: this.state,
title: this.props.title
}, this.props.children));
}
}]);
return ModalProvider;
}(_react.default.Component);
exports.default = ModalProvider;
ModalProvider.propTypes = {
children: PropTypes.node.isRequired,
toggleButtonProps: PropTypes.object.isRequired,
title: PropTypes.string.isRequired
};
var Modal = /*#__PURE__*/function (_React$Component2) {
(0, _inherits2.default)(Modal, _React$Component2);
var _super2 = (0, _createSuper2.default)(Modal);
function Modal() {
var _this2;
(0, _classCallCheck2.default)(this, Modal);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this2 = _super2.call.apply(_super2, [this].concat(args));
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "modalRef", _react.default.createRef());
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "closeRef", _react.default.createRef());
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "closeModal", function (e) {
var modalProps = _this2.props.modalProps;
var node = _this2.modalRef.current,
closeNode = _this2.closeRef.current,
isInCloseNode = closeNode && closeNode.contains(e.target); // ignore if click is inside the modal
if (node && node.contains(e.target) && !isInCloseNode) {
return;
}
modalProps.hideModal();
});
return _this2;
}
(0, _createClass2.default)(Modal, [{
key: "componentDidMount",
value: function componentDidMount() {
document.addEventListener('mousedown', this.closeModal, false);
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
document.removeEventListener('mousedown', this.closeModal, false);
}
}, {
key: "render",
value: function render() {
var _this$props = this.props,
modalProps = _this$props.modalProps,
children = _this$props.children;
return modalProps.show ? /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal__overlay",
onClick: this.closeModal
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal",
ref: this.modalRef
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
container: true,
className: "eps-modal__header",
justify: "space-between",
alignItems: "center"
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
className: "eps-modal__icon eicon-info-circle"
}), this.props.title), /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal__close-wrapper",
ref: this.closeRef
}, /*#__PURE__*/_react.default.createElement(_button.default, {
text: __('Close', 'elementor'),
hideText: true,
icon: "eicon-close",
onClick: this.closeModal
})))), /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal__body"
}, children))) : null;
}
}]);
return Modal;
}(_react.default.Component);
Modal.propTypes = {
modalProps: PropTypes.object.isRequired,
children: PropTypes.any.isRequired,
title: PropTypes.string.isRequired
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41), __webpack_require__(195)["__"]))
/***/ }),
/* 694 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Select;
var _react = _interopRequireDefault(__webpack_require__(12));
function Select(props) {
return /*#__PURE__*/_react.default.createElement("select", {
multiple: props.multiple,
className: props.className,
value: props.value,
onChange: props.onChange,
ref: props.elRef
}, props.options.map(function (option) {
return option.children ? /*#__PURE__*/_react.default.createElement("optgroup", {
label: option.label,
key: option.label
}, option.children.map(function (childOption) {
return /*#__PURE__*/_react.default.createElement("option", {
key: childOption.value,
value: childOption.value
}, childOption.label);
})) : /*#__PURE__*/_react.default.createElement("option", {
key: option.value,
value: option.value
}, option.label);
}));
}
Select.propTypes = {
className: PropTypes.string,
value: PropTypes.string,
onChange: PropTypes.func,
options: PropTypes.array,
elRef: PropTypes.object,
multiple: PropTypes.bool
};
Select.defaultProps = {
className: '',
options: []
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 695 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = AllPartsButton;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(120);
var _menuItem = _interopRequireDefault(__webpack_require__(692));
var _router = __webpack_require__(340);
function AllPartsButton(props) {
var activePathname = '/site-editor/templates';
return /*#__PURE__*/_react.default.createElement(_router.Match, {
path: activePathname
}, function (_ref) {
var match = _ref.match;
var className = "eps-menu-item__link".concat(match || props.promotion ? ' eps-menu-item--active' : '');
return /*#__PURE__*/_react.default.createElement(_menuItem.default, {
text: __('All Parts', 'elementor'),
className: className,
icon: "eicon-filter",
url: props.url
});
});
}
AllPartsButton.propTypes = {
url: PropTypes.string,
promotion: PropTypes.bool
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 696 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Layout;
var _react = _interopRequireDefault(__webpack_require__(12));
var _page = _interopRequireDefault(__webpack_require__(404));
var _menu = _interopRequireDefault(__webpack_require__(779));
var _templateTypes = _interopRequireDefault(__webpack_require__(413));
__webpack_require__(782);
function Layout(props) {
var config = {
title: __('Theme Builder', 'elementor'),
titleRedirectRoute: '/site-editor',
headerButtons: props.headerButtons,
sidebar: /*#__PURE__*/_react.default.createElement(_menu.default, {
allPartsButton: props.allPartsButton,
promotion: props.promotion
}),
content: props.children
};
return /*#__PURE__*/_react.default.createElement(_templateTypes.default, null, /*#__PURE__*/_react.default.createElement(_page.default, config));
}
Layout.propTypes = {
headerButtons: PropTypes.arrayOf(PropTypes.object),
allPartsButton: PropTypes.element.isRequired,
children: PropTypes.object.isRequired,
promotion: PropTypes.bool
};
Layout.defaultProps = {
headerButtons: []
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 697 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = SiteParts;
var _react = _interopRequireDefault(__webpack_require__(12));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _button = _interopRequireDefault(__webpack_require__(240));
var _cssGrid = _interopRequireDefault(__webpack_require__(687));
var _modal = _interopRequireDefault(__webpack_require__(693));
var _sitePart = _interopRequireDefault(__webpack_require__(698));
var _templateTypes = __webpack_require__(413);
var InfoButton = function InfoButton(props) {
var toggleButtonProps = {
text: __('Info', 'elementor'),
hideText: true,
icon: 'eicon-info-circle e-site-part__info-toggle'
};
return /*#__PURE__*/_react.default.createElement(_modal.default, {
toggleButtonProps: toggleButtonProps,
title: props.title
}, /*#__PURE__*/_react.default.createElement(_cssGrid.default, {
columns: 2,
spacing: 60
}, /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h3", null, props.type), /*#__PURE__*/_react.default.createElement("p", null, props.content, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_button.default, {
text: __('Learn More', 'elementor'),
color: "link",
target: "_blank",
url: props.docs
})), /*#__PURE__*/_react.default.createElement("div", {
className: "eps-modal__tip"
}, /*#__PURE__*/_react.default.createElement("h3", null, __('Tip', 'elementor')), /*#__PURE__*/_react.default.createElement("p", null, props.tip))), /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h3", null, __('Watch Video', 'elementor')), /*#__PURE__*/_react.default.createElement("div", {
className: "video-wrapper"
}, /*#__PURE__*/_react.default.createElement("iframe", {
id: "ytplayer",
src: props.video_url,
frameBorder: "0"
})))));
};
InfoButton.propTypes = {
content: PropTypes.string.isRequired,
docs: PropTypes.string.isRequired,
tip: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
type: PropTypes.string.isRequired,
video_url: PropTypes.string.isRequired
};
function SiteParts(props) {
var _React$useContext = _react.default.useContext(_templateTypes.Context),
templateTypes = _React$useContext.templateTypes;
return /*#__PURE__*/_react.default.createElement(_cssGrid.default, {
className: "e-site-editor__site-parts",
colMinWidth: 200,
spacing: 25
}, templateTypes.map(function (item) {
return /*#__PURE__*/_react.default.createElement(_sitePart.default, (0, _extends2.default)({
className: "e-site-editor__site-part",
actionButton: /*#__PURE__*/_react.default.createElement(InfoButton, (0, _extends2.default)({
type: item.title
}, item.tooltip_data)),
thumbnail: item.urls.thumbnail,
key: item.type
}, item), _react.default.createElement(props.hoverElement, item));
}));
}
SiteParts.propTypes = {
hoverElement: PropTypes.func.isRequired
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 698 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = SitePart;
var _react = _interopRequireDefault(__webpack_require__(12));
var _card = _interopRequireDefault(__webpack_require__(682));
var _cardHeader = _interopRequireDefault(__webpack_require__(685));
var _cardBody = _interopRequireDefault(__webpack_require__(683));
var _cardImage = _interopRequireDefault(__webpack_require__(684));
var _heading = _interopRequireDefault(__webpack_require__(336));
__webpack_require__(785);
function SitePart(props) {
return /*#__PURE__*/_react.default.createElement(_card.default, {
className: "e-site-part"
}, /*#__PURE__*/_react.default.createElement(_cardHeader.default, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
tag: "h1",
variant: "text-sm",
className: "eps-card__headline"
}, props.title), props.actionButton), /*#__PURE__*/_react.default.createElement(_cardBody.default, null, /*#__PURE__*/_react.default.createElement(_cardImage.default, {
alt: props.title,
src: props.thumbnail
}, props.children)));
}
SitePart.propTypes = {
thumbnail: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
children: PropTypes.object,
showIndicator: PropTypes.bool,
actionButton: PropTypes.object
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 699 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = NotFound;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(81);
var _dialog = _interopRequireDefault(__webpack_require__(405));
function NotFound() {
var url = _react.default.useMemo(function () {
var _elementorAppConfig$m;
return ((_elementorAppConfig$m = elementorAppConfig.menu_url.split('#')) === null || _elementorAppConfig$m === void 0 ? void 0 : _elementorAppConfig$m[1]) || '/site-editor';
}, []);
return /*#__PURE__*/_react.default.createElement(_dialog.default, {
title: __('Theme Builder could not be loaded', 'elementor'),
text: __('We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.', 'elementor'),
approveButtonUrl: "https://go.elementor.com/app-theme-builder-load-issue",
approveButtonColor: "link",
approveButtonTarget: "_blank",
approveButtonText: __('Learn More', 'elementor'),
dismissButtonText: __('Go Back', 'elementor'),
dismissButtonUrl: url
});
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"]))
/***/ }),
/* 700 */,
/* 701 */,
/* 702 */,
/* 703 */,
/* 704 */,
/* 705 */,
/* 706 */,
/* 707 */,
/* 708 */,
/* 709 */,
/* 710 */,
/* 711 */,
/* 712 */,
/* 713 */,
/* 714 */,
/* 715 */,
/* 716 */,
/* 717 */,
/* 718 */,
/* 719 */,
/* 720 */,
/* 721 */,
/* 722 */,
/* 723 */,
/* 724 */,
/* 725 */,
/* 726 */,
/* 727 */,
/* 728 */,
/* 729 */,
/* 730 */,
/* 731 */,
/* 732 */,
/* 733 */,
/* 734 */,
/* 735 */,
/* 736 */,
/* 737 */,
/* 738 */,
/* 739 */,
/* 740 */,
/* 741 */,
/* 742 */,
/* 743 */,
/* 744 */,
/* 745 */,
/* 746 */,
/* 747 */,
/* 748 */,
/* 749 */,
/* 750 */,
/* 751 */,
/* 752 */,
/* 753 */,
/* 754 */,
/* 755 */,
/* 756 */,
/* 757 */,
/* 758 */,
/* 759 */,
/* 760 */,
/* 761 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _router = _interopRequireDefault(__webpack_require__(762));
var _package = _interopRequireDefault(__webpack_require__(763));
var _package2 = _interopRequireDefault(__webpack_require__(778));
/**
* Temporary solution for share components.
* TODO.
*/
// Make router available for use within packages.
// Alphabetical order.
window.elementorAppPackages = {
appUi: _package.default,
router: _router.default,
siteEditor: _package2.default
};
/***/ }),
/* 762 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(React) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(28));
/**
* App Router
*
* TODO: Temporary solution for routing extensibility.
*/
var Router = /*#__PURE__*/function () {
function Router() {
(0, _classCallCheck2.default)(this, Router);
(0, _defineProperty2.default)(this, "routes", []);
(0, _defineProperty2.default)(this, "history", null);
}
(0, _createClass2.default)(Router, [{
key: "addRoute",
/**
*
* @param route {{
* path: string,
* component: object,
* props: object,
* }}
*/
value: function addRoute(route) {
this.routes.push(route);
}
}, {
key: "getRoutes",
value: function getRoutes() {
return this.routes.map(function (route) {
var props = route.props || {}; // Use the path as a key, and add it as a prop.
props.path = props.key = route.path;
return React.createElement(route.component, props);
});
}
}]);
return Router;
}();
var router = new Router(); // Make router available for use within packages.
window.elementorAppPackages = {
router: router
};
var _default = router;
exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(12)))
/***/ }),
/* 763 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _addNewButton = _interopRequireDefault(__webpack_require__(681));
var _button = _interopRequireDefault(__webpack_require__(240));
var _card = _interopRequireDefault(__webpack_require__(682));
var _cardBody = _interopRequireDefault(__webpack_require__(683));
var _cardFooter = _interopRequireDefault(__webpack_require__(765));
var _cardImage = _interopRequireDefault(__webpack_require__(684));
var _cardHeader = _interopRequireDefault(__webpack_require__(685));
var _cardOverlay = _interopRequireDefault(__webpack_require__(686));
var _cssGrid = _interopRequireDefault(__webpack_require__(687));
var _dialog = _interopRequireDefault(__webpack_require__(405));
var _dragDrop = _interopRequireDefault(__webpack_require__(689));
var _dropZone = _interopRequireDefault(__webpack_require__(768));
var _errorBoundary = _interopRequireDefault(__webpack_require__(653));
var _heading = _interopRequireDefault(__webpack_require__(336));
var _grid = _interopRequireDefault(__webpack_require__(346));
var _icon = _interopRequireDefault(__webpack_require__(345));
var _menu = _interopRequireDefault(__webpack_require__(691));
var _menuItem = _interopRequireDefault(__webpack_require__(692));
var _modal = _interopRequireDefault(__webpack_require__(693));
var _notFound = _interopRequireDefault(__webpack_require__(644));
var _page = _interopRequireDefault(__webpack_require__(404));
var _popover = _interopRequireDefault(__webpack_require__(774));
var _select = _interopRequireDefault(__webpack_require__(694));
var _select2 = _interopRequireDefault(__webpack_require__(776));
var _text = _interopRequireDefault(__webpack_require__(347));
var _uploadFile = _interopRequireDefault(__webpack_require__(690));
// Alphabetical order.
var _default = {
AddNewButton: _addNewButton.default,
Button: _button.default,
Card: _card.default,
CardBody: _cardBody.default,
CardFooter: _cardFooter.default,
CardHeader: _cardHeader.default,
CardImage: _cardImage.default,
CardOverlay: _cardOverlay.default,
CssGrid: _cssGrid.default,
Dialog: _dialog.default,
DragDrop: _dragDrop.default,
DropZone: _dropZone.default,
ErrorBoundary: _errorBoundary.default,
Heading: _heading.default,
Grid: _grid.default,
Icon: _icon.default,
Menu: _menu.default,
MenuItem: _menuItem.default,
ModalProvider: _modal.default,
NotFound: _notFound.default,
Page: _page.default,
Popover: _popover.default,
Select: _select.default,
Select2: _select2.default,
Text: _text.default,
UploadFile: _uploadFile.default
};
exports.default = _default;
/***/ }),
/* 764 */
/***/ (function(module, exports) {
/***/ }),
/* 765 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = CardFooter;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(348);
function CardFooter(props) {
return /*#__PURE__*/_react.default.createElement("footer", {
className: "eps-card__footer ".concat(props.className)
}, props.children);
}
CardFooter.propTypes = {
className: PropTypes.string,
children: PropTypes.object.isRequired
};
CardFooter.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 766 */
/***/ (function(module, exports) {
/***/ }),
/* 767 */
/***/ (function(module, exports) {
/***/ }),
/* 768 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = DropZone;
var _react = _interopRequireDefault(__webpack_require__(12));
var _extends2 = _interopRequireDefault(__webpack_require__(194));
var _uploadFile = _interopRequireDefault(__webpack_require__(690));
var _dragDrop = _interopRequireDefault(__webpack_require__(689));
var _icon = _interopRequireDefault(__webpack_require__(345));
var _heading = _interopRequireDefault(__webpack_require__(336));
var _text = _interopRequireDefault(__webpack_require__(347));
__webpack_require__(770);
function DropZone(props) {
var dragDropEvents = {
onDrop: function onDrop(event) {
if (!props.isLoading) {
props.onFileSelect(event.dataTransfer.files, event);
}
}
};
return /*#__PURE__*/_react.default.createElement("section", {
className: "e-app-drop-zone"
}, /*#__PURE__*/_react.default.createElement(_dragDrop.default, (0, _extends2.default)({}, dragDropEvents, {
isLoading: props.isLoading
}), props.icon && /*#__PURE__*/_react.default.createElement(_icon.default, {
className: "e-app-drop-zone__icon ".concat(props.icon)
}), props.heading && /*#__PURE__*/_react.default.createElement(_heading.default, {
variant: "display-3"
}, props.heading), props.text && /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xl"
}, props.text), props.secondaryText && /*#__PURE__*/_react.default.createElement(_text.default, {
variant: "xl"
}, props.secondaryText), props.showButton && /*#__PURE__*/_react.default.createElement(_uploadFile.default, {
isLoading: props.isLoading,
onFileSelect: props.onFileSelect,
text: props.buttonText
})));
}
DropZone.propTypes = {
className: PropTypes.string,
children: PropTypes.any,
onFileSelect: PropTypes.func,
heading: PropTypes.string,
text: PropTypes.string,
secondaryText: PropTypes.string,
buttonText: PropTypes.string,
icon: PropTypes.string,
showButton: PropTypes.bool,
showIcon: PropTypes.bool,
isLoading: PropTypes.bool
};
DropZone.defaultProps = {
className: '',
icon: 'eicon-library-upload',
showButton: true,
showIcon: true
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 769 */
/***/ (function(module, exports) {
/***/ }),
/* 770 */
/***/ (function(module, exports) {
/***/ }),
/* 771 */
/***/ (function(module, exports) {
/***/ }),
/* 772 */
/***/ (function(module, exports) {
/***/ }),
/* 773 */
/***/ (function(module, exports) {
/***/ }),
/* 774 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Popover;
var _react = _interopRequireDefault(__webpack_require__(12));
__webpack_require__(775);
function Popover(props) {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-popover__background",
onClick: props.closeFunction
}), /*#__PURE__*/_react.default.createElement("ul", {
className: "eps-popover ".concat(props.className),
onClick: props.closeFunction
}, props.children));
}
Popover.propTypes = {
children: PropTypes.any.isRequired,
className: PropTypes.string,
closeFunction: PropTypes.func
};
Popover.defaultProps = {
className: ''
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 775 */
/***/ (function(module, exports) {
/***/ }),
/* 776 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Select2;
var _react = _interopRequireDefault(__webpack_require__(12));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(214));
var _select = _interopRequireDefault(__webpack_require__(694));
__webpack_require__(777);
/**
* Default settings of the select 2
*
* @returns {{placeholder: string, allowClear: boolean, dir: string}}
*/
var getDefaultSettings = function getDefaultSettings() {
return {
allowClear: true,
placeholder: '',
dir: elementorCommon.config.isRTL ? 'rtl' : 'ltr'
};
};
/**
* Main component
*
* @param props
* @returns {*}
* @constructor
*/
function Select2(props) {
var ref = _react.default.useRef(null); // Initiate the select 2 library, call to onReady after initiate, and
// listen to select event on the select instance.
_react.default.useEffect(function () {
var $select2 = jQuery(ref.current).select2((0, _objectSpread2.default)((0, _objectSpread2.default)({}, getDefaultSettings()), props.settings)).on('select2:select select2:unselect', props.onChange);
if (props.onReady) {
props.onReady($select2);
}
return function () {
$select2.select2('destroy').off('select2:select select2:unselect');
};
}, [props.settings, props.options]); // Listen to changes in the prop `value`, if changed update the select 2.
_react.default.useEffect(function () {
jQuery(ref.current).val(props.value).trigger('change');
}, [props.value]);
return /*#__PURE__*/_react.default.createElement(_select.default, {
multiple: props.multiple,
value: props.value,
onChange: props.onChange,
elRef: ref,
options: props.options
});
}
Select2.propTypes = {
value: PropTypes.string,
onChange: PropTypes.func,
onReady: PropTypes.func,
options: PropTypes.array,
settings: PropTypes.object,
multiple: PropTypes.bool
};
Select2.defaultProps = {
settings: {},
options: [],
dependencies: []
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(41)))
/***/ }),
/* 777 */
/***/ (function(module, exports) {
/***/ }),
/* 778 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _allPartsButton = _interopRequireDefault(__webpack_require__(695));
var _layout = _interopRequireDefault(__webpack_require__(696));
var _module = _interopRequireDefault(__webpack_require__(783));
var _notFound = _interopRequireDefault(__webpack_require__(699));
var _siteParts = _interopRequireDefault(__webpack_require__(697));
var _sitePart = _interopRequireDefault(__webpack_require__(698));
var _templateTypes = __webpack_require__(413);
// Alphabetical order.
var _default = {
AllPartsButton: _allPartsButton.default,
Layout: _layout.default,
Module: _module.default,
NotFound: _notFound.default,
SitePart: _sitePart.default,
SiteParts: _siteParts.default,
TemplateTypesContext: _templateTypes.Context
};
exports.default = _default;
/***/ }),
/* 779 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Menu;
var _react = _interopRequireDefault(__webpack_require__(12));
var _menu = _interopRequireDefault(__webpack_require__(691));
var _templateTypes = __webpack_require__(413);
var _button = _interopRequireDefault(__webpack_require__(240));
var _addNewButton = _interopRequireDefault(__webpack_require__(681));
__webpack_require__(781);
function Menu(props) {
var _React$useContext = _react.default.useContext(_templateTypes.Context),
templateTypes = _React$useContext.templateTypes,
actionButton = function actionButton(itemProps) {
var className = 'eps-menu-item__action-button';
if (props.promotion) {
return /*#__PURE__*/_react.default.createElement(_button.default, {
text: __('Go Pro', 'elementor'),
hideText: true,
icon: "eicon-lock",
className: className
});
}
var goToCreate = function goToCreate() {
location.href = itemProps.urls.create;
};
return /*#__PURE__*/_react.default.createElement("span", {
className: className
}, /*#__PURE__*/_react.default.createElement(_addNewButton.default, {
hideText: true,
size: "sm",
onClick: function onClick() {
return goToCreate();
}
}));
};
return /*#__PURE__*/_react.default.createElement(_menu.default, {
menuItems: templateTypes,
actionButton: actionButton,
promotion: props.promotion
}, props.allPartsButton, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-menu__title"
}, __('Site Parts', 'elementor')));
}
Menu.propTypes = {
allPartsButton: PropTypes.element.isRequired,
promotion: PropTypes.bool
};
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 780 */
/***/ (function(module, exports) {
/***/ }),
/* 781 */
/***/ (function(module, exports) {
/***/ }),
/* 782 */
/***/ (function(module, exports) {
/***/ }),
/* 783 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
var _createClass2 = _interopRequireDefault(__webpack_require__(3));
var _router = _interopRequireDefault(__webpack_require__(344));
var _promotion = _interopRequireDefault(__webpack_require__(784));
var _notFound = _interopRequireDefault(__webpack_require__(699));
var SiteEditor = /*#__PURE__*/function () {
function SiteEditor() {
(0, _classCallCheck2.default)(this, SiteEditor);
this.saveTemplateTypesToCache();
_router.default.addRoute({
path: '/site-editor/promotion',
component: _promotion.default
});
_router.default.addRoute({
path: '/site-editor/*',
component: _notFound.default
});
}
(0, _createClass2.default)(SiteEditor, [{
key: "saveTemplateTypesToCache",
value: function saveTemplateTypesToCache() {
var types = this.getTypes();
elementorCommon.ajax.addRequestCache({
unique_id: 'app_site_editor_template_types'
}, types);
}
}, {
key: "getTypes",
value: function getTypes() {
return [{
type: 'header',
icon: 'eicon-header',
title: __('Header', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/header.svg'
},
tooltip_data: {
title: __('What is a Header Template?', 'elementor'),
content: __('The header template allows you to easily design and edit custom WordPress headers so you are no longer constrained by your theme’s header design limitations.', 'elementor'),
tip: __('You can create multiple headers, and assign each to different areas of your site.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-header',
video_url: 'https://www.youtube.com/embed/HHy5RK6W-6I'
}
}, {
type: 'footer',
icon: 'eicon-footer',
title: __('Footer', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/footer.svg'
},
tooltip_data: {
title: __('What is a Footer Template?', 'elementor'),
content: __('The footer template allows you to easily design and edit custom WordPress footers without the limits of your theme’s footer design constraints', 'elementor'),
tip: __('You can create multiple footers, and assign each to different areas of your site.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-footer',
video_url: 'https://www.youtube.com/embed/xa8DoR4tQrY'
}
}, {
type: 'single-page',
icon: 'eicon-single-page',
title: __('Single Page', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/single-page.svg'
},
tooltip_data: {
title: __('What is a Single Page Template?', 'elementor'),
content: __('A single page template allows you to easily create the layout and style of pages, ensuring design consistency across all the pages of your site.', 'elementor'),
tip: __('You can create multiple global page templates, and assign each to different areas of your site.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-page',
video_url: 'https://www.youtube.com/embed/_y5eZ60lVoY'
}
}, {
type: 'single-post',
icon: 'eicon-single-post',
title: __('Single Post', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/single-post.svg'
},
tooltip_data: {
title: __('What is a Single Post Template?', 'elementor'),
content: __('A single post template allows you to easily design the layout and style of posts, ensuring a design consistency throughout all your blog posts, for example.', 'elementor'),
tip: __('You can create multiple global post templates, and assign each to a different category.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-post',
video_url: 'https://www.youtube.com/embed/8Fk-Edu7DL0'
}
}, {
type: 'archive',
icon: 'eicon-archive',
title: __('Archive', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/archive.svg'
},
tooltip_data: {
title: __('What is an Archive Template?', 'elementor'),
content: __('An archive template allows you to easily design the layout and style of archive pages - those pages that show a list of posts (e.g. a blog’s list of recent posts), which may be filtered by terms such as authors, categories, tags, search results, etc.', 'elementor'),
tip: __('If you’d like a different style for a specific category, it’s easy to create a separate global archive template whose condition is to only display when users are viewing that category’s list of posts.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-archive',
video_url: 'https://www.youtube.com/embed/wxElpEh9bfA'
}
}, {
type: 'search-results',
icon: 'eicon-search-results',
title: __('Search Results', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/search-results.svg'
},
tooltip_data: {
title: __('What is a Search Results Template?', 'elementor'),
content: __('You can easily control the layout and design of the Search Results page with the Search Results template, which is simply a special archive template just for displaying search results.', 'elementor'),
tip: __('You can customize the message if there are no results for the search term.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-search-results',
video_url: 'https://www.youtube.com/embed/KKkIU_L5sDo'
}
}, {
type: 'product',
icon: 'eicon-single-product',
title: __('Product', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/product.svg'
},
tooltip_data: {
title: __('What is a Single Product Template?', 'elementor'),
content: __('A single product template allows you to easily design the layout and style of WooCommerce single product pages, and apply that template to various conditions that you assign.', 'elementor'),
tip: __('You can create multiple global product templates, and assign each to different types of products, enabling a custom design for each group of similar products.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-product',
video_url: 'https://www.youtube.com/embed/PjhoB1RWkBM'
}
}, {
type: 'products',
icon: 'eicon-products',
title: __('Products Archive', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/products.svg'
},
tooltip_data: {
title: __('What is a Products Archive Template?', 'elementor'),
content: __('A products archive template allows you to easily design the layout and style of your WooCommerce shop page or other product archive pages - those pages that show a list of products, which may be filtered by terms such as categories, tags, etc.', 'elementor'),
tip: __('You can create multiple global archive product templates, and assign each to different categories of products. This gives you the freedom to customize the appearance for each type of product being shown.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-products-archive',
video_url: 'https://www.youtube.com/embed/cQLeirgkguA'
}
}, {
type: 'error-404',
icon: 'eicon-error-404',
title: __('Error 404', 'elementor'),
urls: {
thumbnail: elementorAppConfig.assets_url + '/images/app/site-editor/error-404.svg'
},
tooltip_data: {
title: __('What is a 404 Page Template?', 'elementor'),
content: __('A 404 page template allows you to easily design the layout and style of the page that is displayed when a visitor arrives at a page that does not exist.', 'elementor'),
tip: __('Keep your site\'s visitors happy when they get lost by displaying your recent posts, a search bar, or any information that might help the user find what they were looking for.', 'elementor'),
docs: 'https://go.elementor.com/app-theme-builder-404',
video_url: 'https://www.youtube.com/embed/ACCNp9tBMQg'
}
}];
}
}]);
return SiteEditor;
}();
exports.default = SiteEditor;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"]))
/***/ }),
/* 784 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(__, PropTypes) {
var _interopRequireDefault = __webpack_require__(0);
var _Object$defineProperty = __webpack_require__(1);
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = Promotion;
var _react = _interopRequireDefault(__webpack_require__(12));
var _allPartsButton = _interopRequireDefault(__webpack_require__(695));
var _button = _interopRequireDefault(__webpack_require__(240));
var _cardOverlay = _interopRequireDefault(__webpack_require__(686));
var _grid = _interopRequireDefault(__webpack_require__(346));
var _heading = _interopRequireDefault(__webpack_require__(336));
var _layout = _interopRequireDefault(__webpack_require__(696));
var _siteParts = _interopRequireDefault(__webpack_require__(697));
var _text = _interopRequireDefault(__webpack_require__(347));
__webpack_require__(786);
function Promotion() {
var promotionUrl = 'https://go.elementor.com/go-pro-theme-builder',
PromotionHoverElement = function PromotionHoverElement(props) {
var promotionUrlWithType = "".concat(promotionUrl, "?type=").concat(props.type);
return /*#__PURE__*/_react.default.createElement(_cardOverlay.default, {
className: "e-site-editor__promotion-overlay"
}, /*#__PURE__*/_react.default.createElement("a", {
className: "e-site-editor__promotion-overlay__link",
target: "_blank",
rel: "noopener noreferrer",
href: promotionUrlWithType
}, /*#__PURE__*/_react.default.createElement("i", {
className: "e-site-editor__promotion-overlay__icon eicon-lock"
}), /*#__PURE__*/_react.default.createElement(_button.default, {
size: "sm",
color: "cta",
variant: "contained",
text: __('Go Pro', 'elementor')
})));
};
PromotionHoverElement.propTypes = {
className: PropTypes.string,
type: PropTypes.string.isRequired
};
return /*#__PURE__*/_react.default.createElement(_layout.default, {
allPartsButton: /*#__PURE__*/_react.default.createElement(_allPartsButton.default, {
promotion: true
}),
promotion: true
}, /*#__PURE__*/_react.default.createElement("section", {
className: "e-site-editor__promotion"
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
container: true,
className: "page-header"
}, /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true,
sm: 7,
justify: "end"
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
variant: "h1"
}, __('Create Full Site', 'elementor')), /*#__PURE__*/_react.default.createElement(_text.default, null, __('Theme Builder is the industry leading all-in-one solution that lets you customize every part of your WordPress theme visually: Header, Footer, Single, Archive & WooCommerce', 'elementor'))), /*#__PURE__*/_react.default.createElement(_grid.default, {
item: true,
container: true,
justify: "end",
alignItems: "start",
sm: 5
}, /*#__PURE__*/_react.default.createElement(_button.default, {
size: "sm",
color: "cta",
variant: "contained",
url: promotionUrl,
text: __('Go Pro', 'elementor')
}))), /*#__PURE__*/_react.default.createElement("hr", {
className: "eps-separator"
}), /*#__PURE__*/_react.default.createElement(_siteParts.default, {
hoverElement: PromotionHoverElement
})));
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(195)["__"], __webpack_require__(41)))
/***/ }),
/* 785 */
/***/ (function(module, exports) {
/***/ }),
/* 786 */
/***/ (function(module, exports) {
/***/ })
/******/ ]);
//# sourceMappingURL=app-packages.js.map