%PDF-
%PDF-
Mini Shell
Mini Shell
/*! elementor - v3.6.5 - 27-04-2022 */
(self["webpackChunkelementor"] = self["webpackChunkelementor"] || []).push([["kit-library"],{
/***/ "../core/app/modules/kit-library/assets/js/components/badge.scss":
/*!***********************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/badge.scss ***!
\***********************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/collapse.scss":
/*!**************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/collapse.scss ***!
\**************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/envato-promotion.scss":
/*!**********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/envato-promotion.scss ***!
\**********************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/error-screen.scss":
/*!******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/error-screen.scss ***!
\******************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/favorites-actions.scss":
/*!***********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/favorites-actions.scss ***!
\***********************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/filter-indication-text.scss":
/*!****************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/filter-indication-text.scss ***!
\****************************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/item-header.scss":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/item-header.scss ***!
\*****************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/kit-list-item.scss":
/*!*******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/kit-list-item.scss ***!
\*******************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/layout/header-back-button.scss":
/*!*******************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/layout/header-back-button.scss ***!
\*******************************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/page-loader.scss":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/page-loader.scss ***!
\*****************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/search-input.scss":
/*!******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/search-input.scss ***!
\******************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/sort-select.scss":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/sort-select.scss ***!
\*****************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/tags-filter.scss":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/tags-filter.scss ***!
\*****************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/index/index-header.scss":
/*!*******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/index/index-header.scss ***!
\*******************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/index/index.scss":
/*!************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/index/index.scss ***!
\************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview-sidebar.scss":
/*!**************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview-sidebar.scss ***!
\**************************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview.scss":
/*!******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview.scss ***!
\******************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/preview/preview-responsive-controls.scss":
/*!************************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/preview/preview-responsive-controls.scss ***!
\************************************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/preview/preview.scss":
/*!****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/preview/preview.scss ***!
\****************************************************************************/
/***/ (() => {
/***/ }),
/***/ "../core/app/assets/js/molecules/elementor-loading.js":
/*!************************************************************!*\
!*** ../core/app/assets/js/molecules/elementor-loading.js ***!
\************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = ElementorLoading;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
function ElementorLoading(props) {
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"
}, props.loadingText)));
}
ElementorLoading.propTypes = {
loadingText: PropTypes.string
};
ElementorLoading.defaultProps = {
loadingText: __('Loading', 'elementor')
};
/***/ }),
/***/ "../core/app/assets/js/ui/popover-dialog/popover-dialog.js":
/*!*****************************************************************!*\
!*** ../core/app/assets/js/ui/popover-dialog/popover-dialog.js ***!
\*****************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = PopoverDialog;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
function PopoverDialog(props) {
var targetRef = props.targetRef,
offsetTop = props.offsetTop,
offsetLeft = props.offsetLeft,
wrapperClass = props.wrapperClass,
trigger = props.trigger,
hideAfter = props.hideAfter,
popoverRef = (0, _react.useCallback)(function (popoverEl) {
var target = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current; // If the target or the popover element does not exist on the page anymore after a re-render, do nothing.
// If the target or the popover element does not exist on the page anymore after a re-render, do nothing.
if (!target || !popoverEl) {
return;
}
/**
* Show Popover
*/
/**
* Show Popover
*/
var showPopover = function showPopover() {
popoverEl.style.display = 'block';
popoverEl.setAttribute('aria-expanded', true);
var targetRect = target.getBoundingClientRect(),
popoverRect = popoverEl.getBoundingClientRect(),
widthDifference = popoverRect.width - targetRect.width;
popoverEl.style.top = targetRect.bottom + offsetTop + 'px';
popoverEl.style.left = targetRect.left - widthDifference / 2 - offsetLeft + 'px'; // 16px to compensate for the arrow width.
// 16px to compensate for the arrow width.
popoverEl.style.setProperty('--popover-arrow-offset-end', (popoverRect.width - 16) / 2 + 'px');
};
/**
* Hide Popover
*/
/**
* Hide Popover
*/
var hidePopover = function hidePopover() {
popoverEl.style.display = 'none';
popoverEl.setAttribute('aria-expanded', false);
};
/**
* Handle the Popover's hover functionality
*/
/**
* Handle the Popover's hover functionality
*/
var handlePopoverHover = function handlePopoverHover() {
var hideOnMouseOut = true,
timeOut = null; // Show popover on hover of the target
// Show popover on hover of the target
target.addEventListener('mouseover', function () {
hideOnMouseOut = true;
showPopover();
}); // Hide popover when not overing over the target or the popover itself
// Hide popover when not overing over the target or the popover itself
target.addEventListener('mouseleave', function () {
timeOut = setTimeout(function () {
if (hideOnMouseOut) {
if ('block' === popoverEl.style.display) {
hidePopover();
}
}
}, hideAfter);
}); // Don't hide the popover if the user is still hovering over it.
// Don't hide the popover if the user is still hovering over it.
popoverEl.addEventListener('mouseover', function () {
hideOnMouseOut = false;
if (timeOut) {
clearTimeout(timeOut);
timeOut = null;
}
}); // Once the user stops hovering over the popover, hide it.
// Once the user stops hovering over the popover, hide it.
popoverEl.addEventListener('mouseleave', function () {
timeOut = setTimeout(function () {
if (hideOnMouseOut) {
if ('block' === popoverEl.style.display) {
hidePopover();
}
}
}, hideAfter);
hideOnMouseOut = true;
});
};
/**
* Handle the Popover's click functionality
*/
/**
* Handle the Popover's click functionality
*/
var handlePopoverClick = function handlePopoverClick() {
var popoverIsActive = false;
target.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
if (popoverIsActive) {
hidePopover();
popoverIsActive = false;
} else {
showPopover();
popoverIsActive = true;
}
}); // Make sure the popover doesn't close when it is clicked on.
// Make sure the popover doesn't close when it is clicked on.
popoverEl.addEventListener('click', function (e) {
e.stopPropagation();
}); // Hide the popover when clicking outside of it.
// Hide the popover when clicking outside of it.
document.body.addEventListener('click', function () {
if (popoverIsActive) {
hidePopover();
popoverIsActive = false;
}
});
};
if ('hover' === trigger) {
handlePopoverHover();
} else if ('click' === trigger) {
handlePopoverClick();
}
}, [targetRef]);
var wrapperClasses = 'e-app__popover';
if (wrapperClass) {
wrapperClasses += ' ' + wrapperClass;
}
return /*#__PURE__*/_react.default.createElement("div", {
className: wrapperClasses,
ref: popoverRef
}, props.children);
}
PopoverDialog.propTypes = {
targetRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
current: PropTypes.any
})]).isRequired,
trigger: PropTypes.string,
direction: PropTypes.string,
offsetTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
offsetLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
wrapperClass: PropTypes.string,
children: PropTypes.any,
hideAfter: PropTypes.number
};
PopoverDialog.defaultProps = {
direction: 'bottom',
trigger: 'hover',
offsetTop: 10,
offsetLeft: 0,
hideAfter: 300
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/app.js":
/*!********************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/app.js ***!
\********************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = App;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _favorites = _interopRequireDefault(__webpack_require__(/*! ./pages/favorites/favorites */ "../core/app/modules/kit-library/assets/js/pages/favorites/favorites.js"));
var _index = _interopRequireDefault(__webpack_require__(/*! ./pages/index */ "../core/app/modules/kit-library/assets/js/pages/index/index.js"));
var _overview = _interopRequireDefault(__webpack_require__(/*! ./pages/overview/overview */ "../core/app/modules/kit-library/assets/js/pages/overview/overview.js"));
var _preview = _interopRequireDefault(__webpack_require__(/*! ./pages/preview/preview */ "../core/app/modules/kit-library/assets/js/pages/preview/preview.js"));
var _lastFilterContext = __webpack_require__(/*! ./context/last-filter-context */ "../core/app/modules/kit-library/assets/js/context/last-filter-context.js");
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
var _devtools = __webpack_require__(/*! react-query/devtools */ "../node_modules/react-query/devtools/index.js");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _settingsContext = __webpack_require__(/*! ./context/settings-context */ "../core/app/modules/kit-library/assets/js/context/settings-context.js");
var queryClient = new _reactQuery.QueryClient({
defaultOptions: {
queries: {
refetchOnWindowFocus: false,
retry: false,
staleTime: 1000 * 60 * 30 // 30 minutes
}
}
});
function App() {
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library"
}, /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {
client: queryClient
}, /*#__PURE__*/_react.default.createElement(_settingsContext.SettingsProvider, {
value: elementorAppConfig['kit-library']
}, /*#__PURE__*/_react.default.createElement(_lastFilterContext.LastFilterProvider, null, /*#__PURE__*/_react.default.createElement(_router.Router, null, /*#__PURE__*/_react.default.createElement(_index.default, {
path: "/"
}), /*#__PURE__*/_react.default.createElement(_favorites.default, {
path: "/favorites"
}), /*#__PURE__*/_react.default.createElement(_preview.default, {
path: "/preview/:id"
}), /*#__PURE__*/_react.default.createElement(_overview.default, {
path: "/overview/:id"
})))), elementorCommon.config.isElementorDebug && /*#__PURE__*/_react.default.createElement(_devtools.ReactQueryDevtools, {
initialIsOpen: false
})));
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/apply-kit-dialog.js":
/*!********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/apply-kit-dialog.js ***!
\********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = ApplyKitDialog;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.regexp.replace.js */ "../node_modules/core-js/modules/es6.regexp.replace.js");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
function ApplyKitDialog(props) {
var navigate = (0, _router.useNavigate)();
var startImportProcess = (0, _react.useCallback)(function () {
var applyAll = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var url = '/import/process' + "?file_url=".concat(encodeURIComponent(props.downloadLink)) + "&nonce=".concat(props.nonce, "&referrer=kit-library");
if (applyAll) {
url += '&action_type=apply-all';
}
navigate(url);
}, [props.downloadLink, props.nonce]);
return /*#__PURE__*/_react.default.createElement(_appUi.Dialog, {
title: __('Apply %s?', 'elementor').replace('%s', props.title),
text: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, __('You can use everything in this kit, or Customize to only include some items.', 'elementor'), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), __('By applying the entire kit, you\'ll override any styles, settings or content already on your site.', 'elementor')),
approveButtonText: __('Apply All', 'elementor'),
approveButtonColor: "primary",
approveButtonOnClick: function approveButtonOnClick() {
return startImportProcess(true);
},
dismissButtonText: __('Customize', 'elementor'),
dismissButtonOnClick: function dismissButtonOnClick() {
return startImportProcess(false);
},
onClose: props.onClose
});
}
ApplyKitDialog.propTypes = {
downloadLink: PropTypes.string.isRequired,
nonce: PropTypes.string.isRequired,
onClose: PropTypes.func.isRequired,
title: PropTypes.string
};
ApplyKitDialog.defaultProps = {
title: 'Kit'
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/badge.js":
/*!*********************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/badge.js ***!
\*********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Badge;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! ./badge.scss */ "../core/app/modules/kit-library/assets/js/components/badge.scss");
function Badge(props) {
return /*#__PURE__*/_react.default.createElement("span", {
className: "eps-badge eps-badge--".concat(props.variant, " ").concat(props.className),
style: props.style
}, props.children);
}
Badge.propTypes = {
children: PropTypes.node,
className: PropTypes.string,
style: PropTypes.object,
variant: PropTypes.oneOf(['sm', 'md'])
};
Badge.defaultProps = {
className: '',
style: {},
variant: 'md'
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/collapse.js":
/*!************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/collapse.js ***!
\************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Collapse;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! ./collapse.scss */ "../core/app/modules/kit-library/assets/js/components/collapse.scss");
function Collapse(props) {
// The state of the collapse managed by the parent component to let the parent control if the collapse is open or closed by default.
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-collapse ".concat(props.className),
"data-open": props.isOpen || undefined
/* set `undefined` when 'isOpen' equals `false` to avoid showing the attr "data-open" */
}, /*#__PURE__*/_react.default.createElement("button", {
className: "eps-collapse__title",
onClick: function onClick() {
return props.onChange(function (value) {
return !value;
});
}
}, /*#__PURE__*/_react.default.createElement("span", null, props.title), /*#__PURE__*/_react.default.createElement("i", {
className: "eicon-chevron-right eps-collapse__icon"
})), /*#__PURE__*/_react.default.createElement("div", {
className: "eps-collapse__content"
}, props.children));
}
Collapse.propTypes = {
isOpen: PropTypes.bool,
onChange: PropTypes.func,
className: PropTypes.string,
title: PropTypes.node,
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
};
Collapse.defaultProps = {
className: '',
isOpen: false
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/connect-dialog.js":
/*!******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/connect-dialog.js ***!
\******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = ConnectDialog;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.regexp.replace.js */ "../node_modules/core-js/modules/es6.regexp.replace.js");
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _settingsContext = __webpack_require__(/*! ../context/settings-context */ "../core/app/modules/kit-library/assets/js/context/settings-context.js");
var _React = _react.default,
useEffect = _React.useEffect,
useRef = _React.useRef;
function ConnectDialog(props) {
var _useSettingsContext = (0, _settingsContext.useSettingsContext)(),
settings = _useSettingsContext.settings;
var approveButtonRef = useRef();
useEffect(function () {
jQuery(approveButtonRef.current).elementorConnect({
success: function success(e, data) {
return props.onSuccess(data);
},
error: function error() {
return props.onError(__('Unable to connect', 'elementor'));
},
parseUrl: function parseUrl(url) {
return url.replace('%%page%%', props.pageId);
}
});
}, []);
return /*#__PURE__*/_react.default.createElement(_appUi.Dialog, {
title: __('Connect to Template Library', 'elementor'),
text: __('Access this template and our entire library by creating an account', 'elementor'),
approveButtonText: __('Get Started', 'elementor'),
approveButtonUrl: settings.library_connect_url,
approveButtonOnClick: function approveButtonOnClick() {
return props.onClose();
},
approveButtonColor: "primary",
approveButtonRef: approveButtonRef,
dismissButtonText: __('Cancel', 'elementor-pro'),
dismissButtonOnClick: function dismissButtonOnClick() {
return props.onClose();
},
onClose: function onClose() {
return props.onClose();
}
});
}
ConnectDialog.propTypes = {
onClose: PropTypes.func.isRequired,
onError: PropTypes.func.isRequired,
onSuccess: PropTypes.func.isRequired,
pageId: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/envato-promotion.js":
/*!********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/envato-promotion.js ***!
\********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = EnvatoPromotion;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./envato-promotion.scss */ "../core/app/modules/kit-library/assets/js/components/envato-promotion.scss");
function EnvatoPromotion() {
return /*#__PURE__*/_react.default.createElement(_appUi.Text, {
className: "e-kit-library-bottom-promotion",
variant: "xl"
}, __('Looking for more Kits?', 'elementor'), " ", ' ', /*#__PURE__*/_react.default.createElement(_appUi.Button, {
variant: "underlined",
color: "link",
url: "https://go.elementor.com/app-envato-kits/",
target: "_blank",
rel: "noreferrer",
text: __('Check out Elementor Template Kits on ThemeForest', 'elementor')
}));
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/error-screen.js":
/*!****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/error-screen.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = ErrorScreen;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./error-screen.scss */ "../core/app/modules/kit-library/assets/js/components/error-screen.scss");
function ErrorScreen(props) {
return /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
alignItems: "center",
justify: "center",
direction: "column",
className: "e-kit-library__error-screen"
}, /*#__PURE__*/_react.default.createElement("img", {
src: "".concat(elementorAppConfig.assets_url, "images/no-search-results.svg")
}), /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
variant: "display-1",
className: "e-kit-library__error-screen-title"
}, props.title), /*#__PURE__*/_react.default.createElement(_appUi.Text, {
variant: "xl",
className: "e-kit-library__error-screen-description"
}, props.description, " ", ' ', /*#__PURE__*/_react.default.createElement(_appUi.Button, {
text: props.button.text,
color: "link",
onClick: props.button.action,
url: props.button.url,
target: props.button.target
})));
}
ErrorScreen.propTypes = {
title: PropTypes.string,
description: PropTypes.string,
button: PropTypes.shape({
text: PropTypes.string,
action: PropTypes.func,
url: PropTypes.string,
target: PropTypes.string
})
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/favorites-actions.js":
/*!*********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/favorites-actions.js ***!
\*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = FavoritesActions;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _useKitFavoritesMutations = __webpack_require__(/*! ../hooks/use-kit-favorites-mutations */ "../core/app/modules/kit-library/assets/js/hooks/use-kit-favorites-mutations.js");
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./favorites-actions.scss */ "../core/app/modules/kit-library/assets/js/components/favorites-actions.scss");
function FavoritesActions(props) {
var _useKitFavoritesMutat = (0, _useKitFavoritesMutations.useKitFavoritesMutations)(),
addToFavorites = _useKitFavoritesMutat.addToFavorites,
removeFromFavorites = _useKitFavoritesMutat.removeFromFavorites,
isLoading = _useKitFavoritesMutat.isLoading;
var loadingClasses = isLoading ? 'e-kit-library__kit-favorite-actions--loading' : '';
return props.isFavorite ? /*#__PURE__*/_react.default.createElement(_appUi.Button, {
text: __('Remove From Favorites', 'elementor'),
hideText: true,
icon: "eicon-heart",
className: "e-kit-library__kit-favorite-actions e-kit-library__kit-favorite-actions--active ".concat(loadingClasses),
onClick: function onClick() {
return !isLoading && removeFromFavorites.mutate(props.id);
}
}) : /*#__PURE__*/_react.default.createElement(_appUi.Button, {
text: __('Add To Favorites', 'elementor'),
hideText: true,
icon: "eicon-heart-o",
className: "e-kit-library__kit-favorite-actions ".concat(loadingClasses),
onClick: function onClick() {
return !isLoading && addToFavorites.mutate(props.id);
}
});
}
FavoritesActions.propTypes = {
isFavorite: PropTypes.bool,
id: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/filter-indication-text.js":
/*!**************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/filter-indication-text.js ***!
\**************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = FilterIndicationText;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.regexp.search.js */ "../node_modules/core-js/modules/es6.regexp.search.js");
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _useSelectedTaxonomies = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-selected-taxonomies */ "../core/app/modules/kit-library/assets/js/hooks/use-selected-taxonomies.js"));
var _badge = _interopRequireDefault(__webpack_require__(/*! ./badge */ "../core/app/modules/kit-library/assets/js/components/badge.js"));
var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./filter-indication-text.scss */ "../core/app/modules/kit-library/assets/js/components/filter-indication-text.scss");
function FilterIndicationText(props) {
var selectedTaxonomies = (0, _useSelectedTaxonomies.default)(props.queryParams.taxonomies);
return /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
className: "e-kit-library__filter-indication"
}, /*#__PURE__*/_react.default.createElement(_appUi.Text, {
className: "e-kit-library__filter-indication-text"
}, (0, _i18n.sprintf)((0, _i18n._n)('Showing %s result for', 'Showing %s results for', props.resultCount, 'elementor'), !props.resultCount ? __('no', 'elementor') : props.resultCount), ' ', props.queryParams.search && "\"".concat(props.queryParams.search, "\""), ' ', selectedTaxonomies.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedTaxonomies.map(function (taxonomy) {
return /*#__PURE__*/_react.default.createElement(_badge.default, {
key: taxonomy,
className: "e-kit-library__filter-indication-badge"
}, taxonomy, /*#__PURE__*/_react.default.createElement(_appUi.Button, {
text: __('Remove', 'elementor'),
hideText: true,
icon: "eicon-editor-close",
className: "e-kit-library__filter-indication-badge-remove",
onClick: function onClick() {
return props.onRemoveTag(taxonomy);
}
}));
}))), /*#__PURE__*/_react.default.createElement(_appUi.Button, {
className: "e-kit-library__filter-indication-button",
text: __('Clear all', 'elementor'),
variant: "underlined",
onClick: props.onClear
}));
}
FilterIndicationText.propTypes = {
queryParams: PropTypes.shape({
search: PropTypes.string,
taxonomies: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
favorite: PropTypes.bool
}),
resultCount: PropTypes.number.isRequired,
onClear: PropTypes.func.isRequired,
onRemoveTag: PropTypes.func.isRequired
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/item-header.js":
/*!***************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/item-header.js ***!
\***************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = ItemHeader;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.regexp.replace.js */ "../node_modules/core-js/modules/es6.regexp.replace.js");
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/toConsumableArray */ "../node_modules/@babel/runtime-corejs2/helpers/toConsumableArray.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _applyKitDialog = _interopRequireDefault(__webpack_require__(/*! ./apply-kit-dialog */ "../core/app/modules/kit-library/assets/js/components/apply-kit-dialog.js"));
var _connectDialog = _interopRequireDefault(__webpack_require__(/*! ./connect-dialog */ "../core/app/modules/kit-library/assets/js/components/connect-dialog.js"));
var _header = _interopRequireDefault(__webpack_require__(/*! ./layout/header */ "../core/app/modules/kit-library/assets/js/components/layout/header.js"));
var _headerBackButton = _interopRequireDefault(__webpack_require__(/*! ./layout/header-back-button */ "../core/app/modules/kit-library/assets/js/components/layout/header-back-button.js"));
var _kit = _interopRequireDefault(__webpack_require__(/*! ../models/kit */ "../core/app/modules/kit-library/assets/js/models/kit.js"));
var _useDownloadLinkMutation = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-download-link-mutation */ "../core/app/modules/kit-library/assets/js/hooks/use-download-link-mutation.js"));
var _useKitCallToAction3 = _interopRequireWildcard(__webpack_require__(/*! ../hooks/use-kit-call-to-action */ "../core/app/modules/kit-library/assets/js/hooks/use-kit-call-to-action.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _settingsContext = __webpack_require__(/*! ../context/settings-context */ "../core/app/modules/kit-library/assets/js/context/settings-context.js");
__webpack_require__(/*! ./item-header.scss */ "../core/app/modules/kit-library/assets/js/components/item-header.scss");
/**
* Returns the right call to action button.
*
* @param model
* @param onConnect
* @param onApply
* @returns {object}
*/
function useKitCallToActionButton(model, _ref) {
var apply = _ref.apply,
isApplyLoading = _ref.isApplyLoading,
onConnect = _ref.onConnect;
var _useKitCallToAction = (0, _useKitCallToAction3.default)(model.accessLevel),
_useKitCallToAction2 = (0, _slicedToArray2.default)(_useKitCallToAction, 2),
type = _useKitCallToAction2[0],
subscriptionPlan = _useKitCallToAction2[1].subscriptionPlan;
return (0, _react.useMemo)(function () {
if (type === _useKitCallToAction3.TYPE_CONNECT) {
return {
id: 'connect',
text: __('Apply Kit', 'elementor'),
// The label is Apply kit but the this is connect button
hideText: false,
variant: 'contained',
color: 'primary',
size: 'sm',
onClick: onConnect,
includeHeaderBtnClass: false
};
}
if (type === _useKitCallToAction3.TYPE_PROMOTION && subscriptionPlan) {
return {
id: 'promotion',
text: __('Go %s', 'elementor').replace('%s', subscriptionPlan.label),
hideText: false,
variant: 'contained',
color: 'cta',
size: 'sm',
url: subscriptionPlan.promotion_url,
target: '_blank',
includeHeaderBtnClass: false
};
}
return {
id: 'apply',
text: __('Apply Kit', 'elementor'),
className: 'e-kit-library__apply-button',
icon: isApplyLoading ? 'eicon-loading eicon-animation-spin' : '',
hideText: false,
variant: 'contained',
color: isApplyLoading ? 'disabled' : 'primary',
size: 'sm',
onClick: isApplyLoading ? null : apply,
includeHeaderBtnClass: false
};
}, [type, subscriptionPlan, isApplyLoading, apply]);
}
function ItemHeader(props) {
var _useSettingsContext = (0, _settingsContext.useSettingsContext)(),
updateSettings = _useSettingsContext.updateSettings;
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isConnectDialogOpen = _useState2[0],
setIsConnectDialogOpen = _useState2[1];
var _useState3 = (0, _react.useState)(null),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
downloadLinkData = _useState4[0],
setDownloadLinkData = _useState4[1];
var _useState5 = (0, _react.useState)(false),
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
error = _useState6[0],
setError = _useState6[1];
var _useDownloadLinkMutat = (0, _useDownloadLinkMutation.default)(props.model, {
onSuccess: function onSuccess(_ref2) {
var data = _ref2.data;
return setDownloadLinkData(data);
},
onError: function onError(errorResponse) {
if (401 === errorResponse.code) {
elementorCommon.config.library_connect.is_connected = false;
elementorCommon.config.library_connect.current_access_level = 0;
updateSettings({
is_library_connected: false,
access_level: 0
});
setIsConnectDialogOpen(true);
return;
}
setError({
code: errorResponse.code,
message: __('Something went wrong.', 'elementor')
});
}
}),
apply = _useDownloadLinkMutat.mutate,
isApplyLoading = _useDownloadLinkMutat.isLoading;
var applyButton = useKitCallToActionButton(props.model, {
onConnect: function onConnect() {
return setIsConnectDialogOpen(true);
},
apply: apply,
isApplyLoading: isApplyLoading
});
var buttons = (0, _react.useMemo)(function () {
return [applyButton].concat((0, _toConsumableArray2.default)(props.buttons));
}, [props.buttons, applyButton]);
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, error && /*#__PURE__*/_react.default.createElement(_appUi.Dialog, {
title: error.message,
text: __('Nothing to worry about, just try again. If the problem continues, head over to the Help Center.', 'elementor'),
approveButtonText: __('Learn More', 'elementor'),
approveButtonColor: "link",
approveButtonUrl: "http://go.elementor.com/app-kit-library-error",
approveButtonOnClick: function approveButtonOnClick() {
return setError(false);
},
dismissButtonText: __('Got it', 'elementor'),
dismissButtonOnClick: function dismissButtonOnClick() {
return setError(false);
},
onClose: function onClose() {
return setError(false);
}
}), downloadLinkData && /*#__PURE__*/_react.default.createElement(_applyKitDialog.default, {
downloadLink: downloadLinkData.data.download_link,
nonce: downloadLinkData.meta.nonce,
onClose: function onClose() {
return setDownloadLinkData(null);
}
}), isConnectDialogOpen && /*#__PURE__*/_react.default.createElement(_connectDialog.default, {
pageId: props.pageId,
onClose: function onClose() {
return setIsConnectDialogOpen(false);
},
onSuccess: function onSuccess(data) {
var accessLevel = data.kits_access_level || data.access_level || 0;
elementorCommon.config.library_connect.is_connected = true;
elementorCommon.config.library_connect.current_access_level = accessLevel;
updateSettings({
is_library_connected: true,
access_level: accessLevel // BC: Check for 'access_level' prop
});
if (data.access_level < props.model.accessLevel) {
return;
}
apply();
},
onError: function onError(message) {
return setError({
message: message
});
}
}), /*#__PURE__*/_react.default.createElement(_header.default, {
startColumn: /*#__PURE__*/_react.default.createElement(_headerBackButton.default, null),
centerColumn: props.centerColumn,
buttons: buttons
}));
}
ItemHeader.propTypes = {
model: PropTypes.instanceOf(_kit.default).isRequired,
centerColumn: PropTypes.node,
buttons: PropTypes.arrayOf(PropTypes.object),
pageId: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/kit-list-item.js":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/kit-list-item.js ***!
\*****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _badge = _interopRequireDefault(__webpack_require__(/*! ./badge */ "../core/app/modules/kit-library/assets/js/components/badge.js"));
var _favoritesActions = _interopRequireDefault(__webpack_require__(/*! ../components/favorites-actions */ "../core/app/modules/kit-library/assets/js/components/favorites-actions.js"));
var _kit = _interopRequireDefault(__webpack_require__(/*! ../models/kit */ "../core/app/modules/kit-library/assets/js/models/kit.js"));
var _useKitCallToAction3 = _interopRequireWildcard(__webpack_require__(/*! ../hooks/use-kit-call-to-action */ "../core/app/modules/kit-library/assets/js/hooks/use-kit-call-to-action.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./kit-list-item.scss */ "../core/app/modules/kit-library/assets/js/components/kit-list-item.scss");
var KitListItem = function KitListItem(props) {
var _useKitCallToAction = (0, _useKitCallToAction3.default)(props.model.accessLevel),
_useKitCallToAction2 = (0, _slicedToArray2.default)(_useKitCallToAction, 2),
type = _useKitCallToAction2[0],
subscriptionPlan = _useKitCallToAction2[1].subscriptionPlan;
return /*#__PURE__*/_react.default.createElement(_appUi.Card, {
className: "e-kit-library__kit-item"
}, /*#__PURE__*/_react.default.createElement(_appUi.CardHeader, null, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
title: props.model.title,
variant: "h5",
className: "eps-card__headline"
}, props.model.title), /*#__PURE__*/_react.default.createElement(_favoritesActions.default, {
id: props.model.id,
isFavorite: props.model.isFavorite
})), /*#__PURE__*/_react.default.createElement(_appUi.CardBody, null, /*#__PURE__*/_react.default.createElement(_appUi.CardImage, {
alt: props.model.title,
src: props.model.thumbnailUrl || ''
}, (subscriptionPlan === null || subscriptionPlan === void 0 ? void 0 : subscriptionPlan.label) && /*#__PURE__*/_react.default.createElement(_badge.default, {
variant: "sm",
className: "e-kit-library__kit-item-subscription-plan-badge",
style: {
backgroundColor: subscriptionPlan.color
}
}, subscriptionPlan.label), /*#__PURE__*/_react.default.createElement(_appUi.CardOverlay, null, /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
direction: "column",
className: "e-kit-library__kit-item-overlay"
}, /*#__PURE__*/_react.default.createElement(_appUi.Button, {
className: "e-kit-library__kit-item-overlay-overview-button",
text: __('View Demo', 'elementor'),
icon: "eicon-preview-medium",
url: "/kit-library/preview/".concat(props.model.id)
}), type === _useKitCallToAction3.TYPE_PROMOTION && (subscriptionPlan === null || subscriptionPlan === void 0 ? void 0 : subscriptionPlan.label) && /*#__PURE__*/_react.default.createElement(_appUi.Button, {
className: "e-kit-library__kit-item-overlay-promotion-button",
text: "Go ".concat(subscriptionPlan.label),
icon: "eicon-external-link-square",
url: subscriptionPlan.promotion_url,
target: "_blank"
}))))));
};
KitListItem.propTypes = {
model: PropTypes.instanceOf(_kit.default).isRequired
};
var _default = _react.default.memo(KitListItem);
exports["default"] = _default;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/kit-list.js":
/*!************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/kit-list.js ***!
\************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = KitList;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.regexp.split.js */ "../node_modules/core-js/modules/es6.regexp.split.js");
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _kit = _interopRequireDefault(__webpack_require__(/*! ../models/kit */ "../core/app/modules/kit-library/assets/js/models/kit.js"));
var _kitListItem = _interopRequireDefault(__webpack_require__(/*! ./kit-list-item */ "../core/app/modules/kit-library/assets/js/components/kit-list-item.js"));
var _newPageKitListItem = _interopRequireDefault(__webpack_require__(/*! ../../../../onboarding/assets/js/components/new-page-kit-list-item */ "../core/app/modules/onboarding/assets/js/components/new-page-kit-list-item.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
function KitList(props) {
var _location$pathname$sp;
var location = (0, _router.useLocation)();
var referrer = new URLSearchParams((_location$pathname$sp = location.pathname.split('?')) === null || _location$pathname$sp === void 0 ? void 0 : _location$pathname$sp[1]).get('referrer');
return /*#__PURE__*/_react.default.createElement(_appUi.CssGrid, {
spacing: 24,
colMinWidth: 290
}, 'onboarding' === referrer && /*#__PURE__*/_react.default.createElement(_newPageKitListItem.default, null), props.data.map(function (model) {
return /*#__PURE__*/_react.default.createElement(_kitListItem.default, {
key: model.id,
model: model
});
}));
}
KitList.propTypes = {
data: PropTypes.arrayOf(PropTypes.instanceOf(_kit.default))
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/layout/header-back-button.js":
/*!*****************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/layout/header-back-button.js ***!
\*****************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = HeaderBackButton;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _lastFilterContext = __webpack_require__(/*! ../../context/last-filter-context */ "../core/app/modules/kit-library/assets/js/context/last-filter-context.js");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
__webpack_require__(/*! ./header-back-button.scss */ "../core/app/modules/kit-library/assets/js/components/layout/header-back-button.scss");
function HeaderBackButton() {
var navigate = (0, _router.useNavigate)(),
_useLastFilterContext = (0, _lastFilterContext.useLastFilterContext)(),
lastFilter = _useLastFilterContext.lastFilter;
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__header-back-container"
}, /*#__PURE__*/_react.default.createElement(_appUi.Button, {
className: "e-kit-library__header-back",
icon: "eicon-chevron-left",
text: __('Back to Library', 'elementor'),
onClick: function onClick() {
return navigate(wp.url.addQueryArgs('/kit-library', lastFilter));
}
}));
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/layout/header.js":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/layout/header.js ***!
\*****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Header;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _headerButtons = _interopRequireDefault(__webpack_require__(/*! ../../../../../../assets/js/layout/header-buttons */ "../core/app/assets/js/layout/header-buttons.js"));
function Header(props) {
return /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
alignItems: "center",
justify: "space-between",
className: "eps-app__header"
}, props.startColumn || /*#__PURE__*/_react.default.createElement("a", {
className: "eps-app__logo-title-wrapper",
href: "#/kit-library"
}, /*#__PURE__*/_react.default.createElement("i", {
className: "eps-app__logo eicon-elementor"
}), /*#__PURE__*/_react.default.createElement("h1", {
className: "eps-app__title"
}, __('Kit Library', 'elementor'))), props.centerColumn || /*#__PURE__*/_react.default.createElement("span", null), props.endColumn || /*#__PURE__*/_react.default.createElement("div", {
style: {
flex: 1
}
}, /*#__PURE__*/_react.default.createElement(_headerButtons.default, {
buttons: props.buttons
})));
}
Header.propTypes = {
startColumn: PropTypes.node,
endColumn: PropTypes.node,
centerColumn: PropTypes.node,
buttons: PropTypes.arrayOf(PropTypes.object)
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/layout/index.js":
/*!****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/layout/index.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Index;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _sidebar = _interopRequireDefault(__webpack_require__(/*! ../../../../../../assets/js/layout/sidebar */ "../core/app/assets/js/layout/sidebar.js"));
function Index(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__lightbox"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app"
}, props.header, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-app__main"
}, props.sidebar && /*#__PURE__*/_react.default.createElement(_sidebar.default, null, props.sidebar), props.children)));
}
Index.propTypes = {
header: PropTypes.node,
sidebar: PropTypes.node,
children: PropTypes.node
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/page-loader.js":
/*!***************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/page-loader.js ***!
\***************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = PageLoader;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./page-loader.scss */ "../core/app/modules/kit-library/assets/js/components/page-loader.scss");
function PageLoader(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__page-loader ".concat(props.className)
}, /*#__PURE__*/_react.default.createElement(_appUi.Icon, {
className: "eicon-loading eicon-animation-spin"
}));
}
PageLoader.propTypes = {
className: PropTypes.string
};
PageLoader.defaultProps = {
className: ''
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/search-input.js":
/*!****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/search-input.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = SearchInput;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _useDebouncedCallback = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-debounced-callback */ "../core/app/modules/kit-library/assets/js/hooks/use-debounced-callback.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./search-input.scss */ "../core/app/modules/kit-library/assets/js/components/search-input.scss");
function SearchInput(props) {
var _useState = (0, _react.useState)(props.value || ''),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
localValue = _useState2[0],
setLocalValue = _useState2[1];
var debouncedOnChange = (0, _useDebouncedCallback.default)(function (value) {
return props.onChange(value);
}, props.debounceTimeout);
(0, _react.useEffect)(function () {
if (props.value !== localValue) {
setLocalValue(props.value);
}
}, [props.value]);
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-search-input__container ".concat(props.className)
}, /*#__PURE__*/_react.default.createElement("input", {
className: "eps-search-input eps-search-input--".concat(props.size),
placeholder: props.placeholder,
value: localValue,
onChange: function onChange(e) {
setLocalValue(e.target.value);
debouncedOnChange(e.target.value);
}
}), /*#__PURE__*/_react.default.createElement(_appUi.Icon, {
className: "eicon-search-bold eps-search-input__icon eps-search-input__icon--".concat(props.size)
}), props.value && /*#__PURE__*/_react.default.createElement(_appUi.Button, {
text: __('Clear', 'elementor'),
hideText: true,
className: "eicon-close-circle eps-search-input__clear-icon eps-search-input__clear-icon--".concat(props.size),
onClick: function onClick() {
return props.onChange('');
}
}));
}
SearchInput.propTypes = {
placeholder: PropTypes.string,
value: PropTypes.string.isRequired,
onChange: PropTypes.func.isRequired,
className: PropTypes.string,
size: PropTypes.oneOf(['md', 'sm']),
debounceTimeout: PropTypes.number
};
SearchInput.defaultProps = {
className: '',
size: 'md',
debounceTimeout: 300
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/sort-select.js":
/*!***************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/sort-select.js ***!
\***************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = SortSelect;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./sort-select.scss */ "../core/app/modules/kit-library/assets/js/components/sort-select.scss");
function SortSelect(props) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "eps-sort-select"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "eps-sort-select__select-wrapper"
}, /*#__PURE__*/_react.default.createElement(_appUi.Select, {
options: props.options,
value: props.value.by,
onChange: function onChange(e) {
var value = e.target.value;
props.onChange({
by: value,
direction: props.value.direction
});
},
className: "eps-sort-select__select"
})), /*#__PURE__*/_react.default.createElement(_appUi.Button, {
text: 'asc' === props.value.direction ? __('Sort Descending', 'elementor') : __('Sort Ascending', 'elementor'),
hideText: true,
icon: 'asc' === props.value.direction ? 'eicon-arrow-up' : 'eicon-arrow-down',
className: "eps-sort-select__button",
onClick: function onClick() {
props.onChange({
by: props.value.by,
direction: 'asc' === props.value.direction ? 'desc' : 'asc'
});
}
}));
}
SortSelect.propTypes = {
options: PropTypes.arrayOf(PropTypes.shape({
label: PropTypes.string.isRequired,
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
})).isRequired,
value: PropTypes.shape({
direction: PropTypes.oneOf(['asc', 'desc']).isRequired,
by: PropTypes.string.isRequired
}).isRequired,
onChange: PropTypes.func.isRequired
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/taxonomies-filter-list.js":
/*!**************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/taxonomies-filter-list.js ***!
\**************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.filter.js */ "../node_modules/core-js/modules/es6.array.filter.js");
__webpack_require__(/*! core-js/modules/es6.string.includes.js */ "../node_modules/core-js/modules/es6.string.includes.js");
__webpack_require__(/*! core-js/modules/es7.array.includes.js */ "../node_modules/core-js/modules/es7.array.includes.js");
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/toConsumableArray */ "../node_modules/@babel/runtime-corejs2/helpers/toConsumableArray.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _taxonomy = _interopRequireDefault(__webpack_require__(/*! ../models/taxonomy */ "../core/app/modules/kit-library/assets/js/models/taxonomy.js"));
var _collapse = _interopRequireDefault(__webpack_require__(/*! ./collapse */ "../core/app/modules/kit-library/assets/js/components/collapse.js"));
var _searchInput = _interopRequireDefault(__webpack_require__(/*! ./search-input */ "../core/app/modules/kit-library/assets/js/components/search-input.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
var MIN_TAGS_LENGTH_FOR_SEARCH_INPUT = 15;
var TaxonomiesFilterList = function TaxonomiesFilterList(props) {
var _useState = (0, _react.useState)(props.taxonomiesByType.isOpenByDefault),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isOpen = _useState2[0],
setIsOpen = _useState2[1];
var _useState3 = (0, _react.useState)(''),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
search = _useState4[0],
setSearch = _useState4[1];
var taxonomies = (0, _react.useMemo)(function () {
if (!search) {
return props.taxonomiesByType.data;
}
var lowerCaseSearch = search.toLowerCase();
return props.taxonomiesByType.data.filter(function (tag) {
return tag.text.toLowerCase().includes(lowerCaseSearch);
});
}, [props.taxonomiesByType.data, search]);
return /*#__PURE__*/_react.default.createElement(_collapse.default, {
className: "e-kit-library__tags-filter-list",
title: props.taxonomiesByType.label,
isOpen: isOpen,
onChange: setIsOpen
}, props.taxonomiesByType.data.length >= MIN_TAGS_LENGTH_FOR_SEARCH_INPUT && /*#__PURE__*/_react.default.createElement(_searchInput.default, {
size: "sm",
className: "e-kit-library__tags-filter-list-search",
placeholder: (0, _i18n.sprintf)(__('Search %s...', 'elementor'), props.taxonomiesByType.label),
value: search,
onChange: setSearch
}), /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__tags-filter-list-container"
}, 0 === taxonomies.length && /*#__PURE__*/_react.default.createElement(_appUi.Text, null, __('No Results Found', 'elementor')), taxonomies.map(function (taxonomy) {
var _props$selected$taxon;
return /*#__PURE__*/_react.default.createElement("label", {
key: taxonomy.text,
className: "e-kit-library__tags-filter-list-item"
}, /*#__PURE__*/_react.default.createElement(_appUi.Checkbox, {
checked: ((_props$selected$taxon = props.selected[taxonomy.type]) === null || _props$selected$taxon === void 0 ? void 0 : _props$selected$taxon.includes(taxonomy.text)) || false,
onChange: function onChange(e) {
var checked = e.target.checked;
props.onSelect(taxonomy.type, function (prev) {
return checked ? [].concat((0, _toConsumableArray2.default)(prev), [taxonomy.text]) : prev.filter(function (tagId) {
return tagId !== taxonomy.text;
});
});
}
}), taxonomy.text);
})));
};
TaxonomiesFilterList.propTypes = {
taxonomiesByType: PropTypes.shape({
key: PropTypes.string,
label: PropTypes.string,
data: PropTypes.arrayOf(PropTypes.instanceOf(_taxonomy.default)),
isOpenByDefault: PropTypes.bool
}),
selected: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
onSelect: PropTypes.func
};
var _default = _react.default.memo(TaxonomiesFilterList);
exports["default"] = _default;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/components/taxonomies-filter.js":
/*!*********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/components/taxonomies-filter.js ***!
\*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = TaxonomiesFilter;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/objectSpread2 */ "../node_modules/@babel/runtime-corejs2/helpers/objectSpread2.js"));
__webpack_require__(/*! core-js/modules/es6.array.filter.js */ "../node_modules/core-js/modules/es6.array.filter.js");
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _taxonomiesFilterList = _interopRequireDefault(__webpack_require__(/*! ./taxonomies-filter-list */ "../core/app/modules/kit-library/assets/js/components/taxonomies-filter-list.js"));
var _taxonomy = _interopRequireWildcard(__webpack_require__(/*! ../models/taxonomy */ "../core/app/modules/kit-library/assets/js/models/taxonomy.js"));
__webpack_require__(/*! ./tags-filter.scss */ "../core/app/modules/kit-library/assets/js/components/tags-filter.scss");
var _React = _react.default,
useMemo = _React.useMemo;
function TaxonomiesFilter(props) {
var taxonomiesByType = useMemo(function () {
if (!props.taxonomies) {
return [];
}
return _taxonomy.taxonomyType.map(function (tagType) {
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tagType), {}, {
data: props.taxonomies.filter(function (item) {
return item.type === tagType.key;
})
});
}).filter(function (_ref) {
var data = _ref.data;
return data.length > 0;
});
}, [props.taxonomies]);
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__tags-filter"
}, taxonomiesByType.map(function (group) {
return /*#__PURE__*/_react.default.createElement(_taxonomiesFilterList.default, {
key: group.key,
taxonomiesByType: group,
selected: props.selected,
onSelect: props.onSelect
});
}));
}
TaxonomiesFilter.propTypes = {
selected: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
onSelect: PropTypes.func,
taxonomies: PropTypes.arrayOf(PropTypes.instanceOf(_taxonomy.default))
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/context/last-filter-context.js":
/*!********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/context/last-filter-context.js ***!
\********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.LastFilterProvider = LastFilterProvider;
exports.useLastFilterContext = useLastFilterContext;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var LastFilterContext = (0, _react.createContext)({});
/**
* Consume the context
*
* @returns {{}}
*/
function useLastFilterContext() {
return (0, _react.useContext)(LastFilterContext);
}
/**
* Settings Provider
*
* @param props
* @returns {JSX.Element}
* @constructor
*/
function LastFilterProvider(props) {
var _useState = (0, _react.useState)({}),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
lastFilter = _useState2[0],
setLastFilter = _useState2[1];
return /*#__PURE__*/_react.default.createElement(LastFilterContext.Provider, {
value: {
lastFilter: lastFilter,
setLastFilter: setLastFilter
}
}, props.children);
}
LastFilterProvider.propTypes = {
children: PropTypes.any
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/context/settings-context.js":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/context/settings-context.js ***!
\*****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.SettingsProvider = SettingsProvider;
exports.useSettingsContext = useSettingsContext;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/objectSpread2 */ "../node_modules/@babel/runtime-corejs2/helpers/objectSpread2.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var SettingsContext = (0, _react.createContext)({});
/**
* Consume the context
*
* @returns {{emptyTrashDays: number}}
*/
function useSettingsContext() {
return (0, _react.useContext)(SettingsContext);
}
/**
* Settings Provider
*
* @param props
* @returns {JSX.Element}
* @constructor
*/
function SettingsProvider(props) {
var _useState = (0, _react.useState)({}),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
settings = _useState2[0],
setSettings = _useState2[1];
var updateSettings = (0, _react.useCallback)(function (newSettings) {
setSettings(function (prev) {
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), newSettings);
});
}, [setSettings]);
(0, _react.useEffect)(function () {
setSettings(props.value);
}, [setSettings]);
return /*#__PURE__*/_react.default.createElement(SettingsContext.Provider, {
value: {
settings: settings,
setSettings: setSettings,
updateSettings: updateSettings
}
}, props.children);
}
SettingsProvider.propTypes = {
children: PropTypes.any,
value: PropTypes.object.isRequired
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-content-types.js":
/*!****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-content-types.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.KEY = void 0;
exports["default"] = useContentTypes;
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _promise = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/promise */ "../node_modules/@babel/runtime-corejs2/core-js/promise.js"));
var _contentType = _interopRequireDefault(__webpack_require__(/*! ../models/content-type */ "../core/app/modules/kit-library/assets/js/models/content-type.js"));
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
var KEY = 'content-types';
/**
* The data should come from the server, this is a temp solution that helps to demonstrate that data comes from the server
* but for now this is a local data.
*
* @returns {UseQueryResult<Promise.constructor, unknown>}
*/
exports.KEY = KEY;
function useContentTypes() {
return (0, _reactQuery.useQuery)([KEY], fetchContentTypes);
}
/**
* @returns {Promise.constructor}
*/
function fetchContentTypes() {
return _promise.default.resolve([{
id: 'page',
label: __('Pages', 'elementor'),
doc_types: ['wp-page'],
order: 0
}, {
id: 'site-parts',
label: __('Site Parts', 'elementor'),
doc_types: ['archive', 'error-404', 'footer', 'header', 'search-results', 'single-page', 'single-post', // WooCommerce types
'product', 'product-archive', // Legacy Types
'404', 'single'],
order: 1
}, {
id: 'popup',
label: __('Popups', 'elementor'),
doc_types: ['popup'],
order: 2
}]).then(function (data) {
return data.map(function (contentType) {
return _contentType.default.createFromResponse(contentType);
});
});
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-debounced-callback.js":
/*!*********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-debounced-callback.js ***!
\*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = useDebouncedCallback;
var _react = __webpack_require__(/*! react */ "react");
function useDebouncedCallback(callback, wait) {
var timeout = (0, _react.useRef)();
return (0, _react.useCallback)(function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var later = function later() {
clearTimeout(timeout.current);
callback.apply(void 0, args);
};
clearTimeout(timeout.current);
timeout.current = setTimeout(later, wait);
}, [callback, wait]);
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-download-link-mutation.js":
/*!*************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-download-link-mutation.js ***!
\*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = useDownloadLinkMutation;
var _react = __webpack_require__(/*! react */ "react");
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
function useDownloadLinkMutation(model, _ref) {
var onError = _ref.onError,
onSuccess = _ref.onSuccess;
var downloadLink = (0, _react.useCallback)(function () {
return $e.data.get('kits/download-link', {
id: model.id
}, {
refresh: true
});
}, [model]);
return (0, _reactQuery.useMutation)(downloadLink, {
onSuccess: onSuccess,
onError: onError
});
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-kit-call-to-action.js":
/*!*********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-kit-call-to-action.js ***!
\*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.TYPE_PROMOTION = exports.TYPE_CONNECT = exports.TYPE_APPLY = void 0;
exports["default"] = useKitCallToAction;
var _react = __webpack_require__(/*! react */ "react");
var _settingsContext = __webpack_require__(/*! ../context/settings-context */ "../core/app/modules/kit-library/assets/js/context/settings-context.js");
var TYPE_CONNECT = 'connect';
exports.TYPE_CONNECT = TYPE_CONNECT;
var TYPE_PROMOTION = 'promotion';
exports.TYPE_PROMOTION = TYPE_PROMOTION;
var TYPE_APPLY = 'apply';
exports.TYPE_APPLY = TYPE_APPLY;
function useKitCallToAction(kitAccessLevel) {
var _useSettingsContext = (0, _settingsContext.useSettingsContext)(),
settings = _useSettingsContext.settings; // subscriptionPlan can be null when the context is not filled (can be happened when using back button in the browser.)
var subscriptionPlan = (0, _react.useMemo)(function () {
var _settings$subscriptio;
return (_settings$subscriptio = settings.subscription_plans) === null || _settings$subscriptio === void 0 ? void 0 : _settings$subscriptio[kitAccessLevel];
}, [settings, kitAccessLevel]);
var type = (0, _react.useMemo)(function () {
// The user can apply this kit (the user access level is equal or greater then the kit access level).
var isAuthorizeToApplyKit = settings.access_level >= kitAccessLevel; // The user in not connected and has pro plugin or the kit is a free kit.
if (!settings.is_library_connected && (settings.is_pro || isAuthorizeToApplyKit)) {
return TYPE_CONNECT;
} // The user is connected or has only core plugin and cannot access this kit.
if (!isAuthorizeToApplyKit) {
return TYPE_PROMOTION;
} // The user is connected and can access the kit.
return TYPE_APPLY;
}, [settings, kitAccessLevel]);
return [type, {
subscriptionPlan: subscriptionPlan
}];
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-kit-document-by-type.js":
/*!***********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-kit-document-by-type.js ***!
\***********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = useKitDocumentByType;
var _objectSpread2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/objectSpread2 */ "../node_modules/@babel/runtime-corejs2/helpers/objectSpread2.js"));
var _useContentTypes = _interopRequireDefault(__webpack_require__(/*! ./use-content-types */ "../core/app/modules/kit-library/assets/js/hooks/use-content-types.js"));
var _react = __webpack_require__(/*! react */ "react");
function useKitDocumentByType(kit) {
var contentTypesQuery = (0, _useContentTypes.default)();
var data = (0, _react.useMemo)(function () {
if (!kit || !contentTypesQuery.data) {
return [];
}
return kit.getDocumentsByTypes(contentTypesQuery.data).sort(function (a, b) {
return a.order - b.order;
});
}, [kit, contentTypesQuery.data]);
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, contentTypesQuery), {}, {
data: data
});
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-kit-favorites-mutations.js":
/*!**************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-kit-favorites-mutations.js ***!
\**************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.useKitFavoritesMutations = useKitFavoritesMutations;
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _react = __webpack_require__(/*! react */ "react");
var _useKits = __webpack_require__(/*! ../hooks/use-kits */ "../core/app/modules/kit-library/assets/js/hooks/use-kits.js");
var _useKit = __webpack_require__(/*! ../hooks/use-kit */ "../core/app/modules/kit-library/assets/js/hooks/use-kit.js");
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
function useKitFavoritesMutations() {
var queryClient = (0, _reactQuery.useQueryClient)();
var onSuccess = (0, _react.useCallback)(function (_ref) {
var data = _ref.data;
var id = data.data.id;
var isFavorite = data.data.is_favorite; // Update the kit list if the list exists.
if (queryClient.getQueryData([_useKits.KEY])) {
queryClient.setQueryData([_useKits.KEY], function (kits) {
if (!kits) {
return kits;
}
return kits.map(function (item) {
if (item.id === id) {
item.isFavorite = isFavorite; // Should return a new kit to trigger rerender.
return item.clone();
}
return item;
});
});
} // Update specific kit if the kit exists
if (queryClient.getQueryData([_useKit.KEY, id])) {
queryClient.setQueryData([_useKit.KEY, id], function (currentKit) {
currentKit.isFavorite = isFavorite; // Should return a new kit to trigger rerender.
return currentKit.clone();
});
}
}, [queryClient]);
var addToFavorites = (0, _reactQuery.useMutation)(function (id) {
return $e.data.create('kits/favorites', {}, {
id: id
});
}, {
onSuccess: onSuccess
});
var removeFromFavorites = (0, _reactQuery.useMutation)(function (id) {
return $e.data.delete('kits/favorites', {
id: id
});
}, {
onSuccess: onSuccess
});
return {
addToFavorites: addToFavorites,
removeFromFavorites: removeFromFavorites,
isLoading: addToFavorites.isLoading || removeFromFavorites.isLoading
};
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-kit.js":
/*!******************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-kit.js ***!
\******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.KEY = void 0;
exports["default"] = useKit;
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
__webpack_require__(/*! core-js/modules/es6.array.find.js */ "../node_modules/core-js/modules/es6.array.find.js");
var _kit = _interopRequireDefault(__webpack_require__(/*! ../models/kit */ "../core/app/modules/kit-library/assets/js/models/kit.js"));
var _useKits = __webpack_require__(/*! ./use-kits */ "../core/app/modules/kit-library/assets/js/hooks/use-kits.js");
var _react = __webpack_require__(/*! react */ "react");
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
var KEY = 'kit';
exports.KEY = KEY;
function useKit(id) {
// A function that returns existing data from the kit list for a placeholder data before the kit request will resolved.
var placeholderDataCallback = usePlaceholderDataCallback(id);
return (0, _reactQuery.useQuery)([KEY, id], fetchKitItem, {
placeholderData: placeholderDataCallback
});
}
/**
* Return placeholder function for kit query.
*
* @param id
* @returns {function(): (undefined|*)}
*/
function usePlaceholderDataCallback(id) {
var queryClient = (0, _reactQuery.useQueryClient)();
return (0, _react.useCallback)(function () {
var _queryClient$getQuery;
var placeholder = (_queryClient$getQuery = queryClient.getQueryData(_useKits.KEY)) === null || _queryClient$getQuery === void 0 ? void 0 : _queryClient$getQuery.find(function (kit) {
return kit.id === id;
});
if (!placeholder) {
return;
}
return placeholder;
}, [queryClient, id]);
}
/**
* Fetch kit
*
* @param key
* @param id
* @returns {Promise<Kit>}
*/
function fetchKitItem(_ref) {
var _ref$queryKey = (0, _slicedToArray2.default)(_ref.queryKey, 2),
id = _ref$queryKey[1];
return $e.data.get('kits/index', {
id: id
}, {
refresh: true
}).then(function (response) {
return response.data;
}).then(function (_ref2) {
var data = _ref2.data;
return _kit.default.createFromResponse(data);
});
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-kits.js":
/*!*******************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-kits.js ***!
\*******************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.KEY = void 0;
exports["default"] = useKits;
exports.defaultQueryParams = void 0;
var _values = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/object/values */ "../node_modules/@babel/runtime-corejs2/core-js/object/values.js"));
__webpack_require__(/*! core-js/modules/es6.array.filter.js */ "../node_modules/core-js/modules/es6.array.filter.js");
__webpack_require__(/*! core-js/modules/es6.regexp.search.js */ "../node_modules/core-js/modules/es6.regexp.search.js");
__webpack_require__(/*! core-js/modules/es6.string.includes.js */ "../node_modules/core-js/modules/es6.string.includes.js");
__webpack_require__(/*! core-js/modules/es7.array.includes.js */ "../node_modules/core-js/modules/es7.array.includes.js");
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/toConsumableArray */ "../node_modules/@babel/runtime-corejs2/helpers/toConsumableArray.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/defineProperty */ "../node_modules/@babel/runtime-corejs2/helpers/defineProperty.js"));
var _objectSpread3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/objectSpread2 */ "../node_modules/@babel/runtime-corejs2/helpers/objectSpread2.js"));
var _kit = _interopRequireDefault(__webpack_require__(/*! ../models/kit */ "../core/app/modules/kit-library/assets/js/models/kit.js"));
var _useSelectedTaxonomies = _interopRequireDefault(__webpack_require__(/*! ./use-selected-taxonomies */ "../core/app/modules/kit-library/assets/js/hooks/use-selected-taxonomies.js"));
var _taxonomy = __webpack_require__(/*! ../models/taxonomy */ "../core/app/modules/kit-library/assets/js/models/taxonomy.js");
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
var _react = __webpack_require__(/*! react */ "react");
var KEY = 'kits';
/**
* The default query params
*
* @type {object}
*/
exports.KEY = KEY;
var defaultQueryParams = {
favorite: false,
search: '',
taxonomies: _taxonomy.taxonomyType.reduce(function (current, _ref) {
var key = _ref.key;
return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, current), {}, (0, _defineProperty2.default)({}, key, []));
}, {}),
order: {
direction: 'desc',
by: 'featuredIndex'
},
referrer: null
};
exports.defaultQueryParams = defaultQueryParams;
var kitsPipeFunctions = {
/**
* Filter by favorite
*
* @param data
* @param queryParams
* @returns {array}
*/
favoriteFilter: function favoriteFilter(data, queryParams) {
if (!queryParams.favorite) {
return data;
}
return data.filter(function (item) {
return item.isFavorite;
});
},
/**
* filter by search term.
*
* @param data
* @param queryParams
* @returns {array}
*/
searchFilter: function searchFilter(data, queryParams) {
if (!queryParams.search) {
return data;
}
return data.filter(function (item) {
var keywords = [].concat((0, _toConsumableArray2.default)(item.keywords), (0, _toConsumableArray2.default)(item.taxonomies), [item.title]);
var searchTerm = queryParams.search.toLowerCase();
return keywords.some(function (keyword) {
return keyword.toLowerCase().includes(searchTerm);
});
});
},
/**
* Filter by taxonomies.
* In each taxonomy type it use the OR operator and between types it uses the AND operator.
*
* @param data
* @param queryParams
* @returns {array}
*/
taxonomiesFilter: function taxonomiesFilter(data, queryParams) {
return (0, _values.default)(queryParams.taxonomies).filter(function (taxonomies) {
return taxonomies.length;
}).reduce(function (current, taxonomies) {
return current.filter(function (item) {
return taxonomies.some(function (taxonomy) {
return item.taxonomies.some(function (itemTaxonomy) {
return taxonomy === itemTaxonomy;
});
});
});
}, data);
},
/**
* Sort all the data by the "order" query param
*
* @param data
* @param queryParams
* @returns {array}
*/
sort: function sort(data, queryParams) {
var order = queryParams.order;
return data.sort(function (item1, item2) {
if ('asc' === order.direction) {
return item1[order.by] - item2[order.by];
}
return item2[order.by] - item1[order.by];
});
}
};
/**
* A util function to transform data throw transform functions
*
* @param functions
* @returns {function(*=, ...[*]): *}
*/
function pipe() {
for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
functions[_key] = arguments[_key];
}
return function (value) {
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
return functions.reduce(function (currentValue, currentFunction) {
return currentFunction.apply(void 0, [currentValue].concat(args));
}, value);
};
}
/**
* Fetch kits
*
* @param force
* @returns {*}
*/
function fetchKits(force) {
return $e.data.get('kits/index', {
force: force ? 1 : undefined
}, {
refresh: true
}).then(function (response) {
return response.data;
}).then(function (_ref2) {
var data = _ref2.data;
return data.map(function (item) {
return _kit.default.createFromResponse(item);
});
});
}
/**
* Main function.
*
* @param initialQueryParams
* @returns {object}
*/
function useKits() {
var initialQueryParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
force = _useState2[0],
setForce = _useState2[1];
var _useState3 = (0, _react.useState)(function () {
return (0, _objectSpread3.default)((0, _objectSpread3.default)({
ready: false
}, defaultQueryParams), initialQueryParams);
}),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
queryParams = _useState4[0],
setQueryParams = _useState4[1];
var forceRefetch = (0, _react.useCallback)(function () {
return setForce(true);
}, [setForce]);
var clearQueryParams = (0, _react.useCallback)(function () {
return setQueryParams((0, _objectSpread3.default)((0, _objectSpread3.default)({
ready: true
}, defaultQueryParams), initialQueryParams));
}, [setQueryParams]);
var query = (0, _reactQuery.useQuery)([KEY], function () {
return fetchKits(force);
});
var data = (0, _react.useMemo)(function () {
return !query.data ? [] : pipe.apply(void 0, (0, _toConsumableArray2.default)((0, _values.default)(kitsPipeFunctions)))((0, _toConsumableArray2.default)(query.data), queryParams);
}, [query.data, queryParams]);
var selectedTaxonomies = (0, _useSelectedTaxonomies.default)(queryParams.taxonomies);
var isFilterActive = (0, _react.useMemo)(function () {
return !!queryParams.search || !!selectedTaxonomies.length;
}, [queryParams]);
(0, _react.useEffect)(function () {
if (!force) {
return;
}
query.refetch().then(function () {
return setForce(false);
});
}, [force]);
return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, query), {}, {
data: data,
queryParams: queryParams,
setQueryParams: setQueryParams,
clearQueryParams: clearQueryParams,
forceRefetch: forceRefetch,
isFilterActive: isFilterActive
});
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-selected-taxonomies.js":
/*!**********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-selected-taxonomies.js ***!
\**********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = useSelectedTaxonomies;
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/toConsumableArray */ "../node_modules/@babel/runtime-corejs2/helpers/toConsumableArray.js"));
var _values = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/object/values */ "../node_modules/@babel/runtime-corejs2/core-js/object/values.js"));
var _react = __webpack_require__(/*! react */ "react");
function useSelectedTaxonomies(taxonomiesFilter) {
return (0, _react.useMemo)(function () {
return (0, _values.default)(taxonomiesFilter).reduce(function (current, groupedTaxonomies) {
return [].concat((0, _toConsumableArray2.default)(current), (0, _toConsumableArray2.default)(groupedTaxonomies));
});
}, [taxonomiesFilter]);
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/hooks/use-taxonomies.js":
/*!*************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/hooks/use-taxonomies.js ***!
\*************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.KEY = void 0;
exports["default"] = useTaxonomies;
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _objectSpread2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/objectSpread2 */ "../node_modules/@babel/runtime-corejs2/helpers/objectSpread2.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _taxonomy = _interopRequireDefault(__webpack_require__(/*! ../models/taxonomy */ "../core/app/modules/kit-library/assets/js/models/taxonomy.js"));
var _reactQuery = __webpack_require__(/*! react-query */ "../node_modules/react-query/es/index.js");
var _react = __webpack_require__(/*! react */ "react");
var KEY = 'tags';
exports.KEY = KEY;
function useTaxonomies() {
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
force = _useState2[0],
setForce = _useState2[1];
var forceRefetch = (0, _react.useCallback)(function () {
return setForce(true);
}, [setForce]);
var query = (0, _reactQuery.useQuery)([KEY], function () {
return fetchTaxonomies(force);
});
(0, _react.useEffect)(function () {
if (!force) {
return;
}
query.refetch().then(function () {
return setForce(false);
});
}, [force]);
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, query), {}, {
forceRefetch: forceRefetch
});
}
function fetchTaxonomies(force) {
return $e.data.get('kit-taxonomies/index', {
force: force ? 1 : undefined
}, {
refresh: true
}).then(function (response) {
return response.data;
}).then(function (_ref) {
var data = _ref.data;
return data.map(function (taxonomy) {
return _taxonomy.default.createFromResponse(taxonomy);
});
});
}
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/models/base-model.js":
/*!**********************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/models/base-model.js ***!
\**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _keys = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/object/keys */ "../node_modules/@babel/runtime-corejs2/core-js/object/keys.js"));
var _entries = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/object/entries */ "../node_modules/@babel/runtime-corejs2/core-js/object/entries.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/classCallCheck */ "../node_modules/@babel/runtime-corejs2/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createClass */ "../node_modules/@babel/runtime-corejs2/helpers/createClass.js"));
var BaseModel = /*#__PURE__*/function () {
function BaseModel() {
(0, _classCallCheck2.default)(this, BaseModel);
}
(0, _createClass2.default)(BaseModel, [{
key: "clone",
value:
/**
* Clone to object to avoid changing the reference.
*
* @returns {BaseModel}
*/
function clone() {
var _this = this;
var instance = new this.constructor();
(0, _keys.default)(this).forEach(function (key) {
instance[key] = _this[key];
});
return instance;
}
/**
* Using init and not the default constructor because there is a problem to fill the instance
* dynamically in the constructor.
*
* @param data
* @returns {BaseModel}
*/
}, {
key: "init",
value: function init() {
var _this2 = this;
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
(0, _entries.default)(data).forEach(function (_ref) {
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
key = _ref2[0],
value = _ref2[1];
_this2[key] = value;
});
return this;
}
}]);
return BaseModel;
}();
exports["default"] = BaseModel;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/models/content-type.js":
/*!************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/models/content-type.js ***!
\************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/classCallCheck */ "../node_modules/@babel/runtime-corejs2/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createClass */ "../node_modules/@babel/runtime-corejs2/helpers/createClass.js"));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/assertThisInitialized */ "../node_modules/@babel/runtime-corejs2/helpers/assertThisInitialized.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/inherits */ "../node_modules/@babel/runtime-corejs2/helpers/inherits.js"));
var _createSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createSuper */ "../node_modules/@babel/runtime-corejs2/helpers/createSuper.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/defineProperty */ "../node_modules/@babel/runtime-corejs2/helpers/defineProperty.js"));
var _baseModel = _interopRequireDefault(__webpack_require__(/*! ./base-model */ "../core/app/modules/kit-library/assets/js/models/base-model.js"));
var ContentType = /*#__PURE__*/function (_BaseModel) {
(0, _inherits2.default)(ContentType, _BaseModel);
var _super = (0, _createSuper2.default)(ContentType);
function ContentType() {
var _this;
(0, _classCallCheck2.default)(this, ContentType);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "id", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "label", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "documentTypes", []);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "documents", []);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "order", 0);
return _this;
}
(0, _createClass2.default)(ContentType, null, [{
key: "createFromResponse",
value: function createFromResponse(documentType) {
return new ContentType().init({
id: documentType.id,
label: documentType.label,
documentTypes: documentType.doc_types,
order: documentType.order,
documents: []
});
}
}]);
return ContentType;
}(_baseModel.default);
exports["default"] = ContentType;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/models/document.js":
/*!********************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/models/document.js ***!
\********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/classCallCheck */ "../node_modules/@babel/runtime-corejs2/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createClass */ "../node_modules/@babel/runtime-corejs2/helpers/createClass.js"));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/assertThisInitialized */ "../node_modules/@babel/runtime-corejs2/helpers/assertThisInitialized.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/inherits */ "../node_modules/@babel/runtime-corejs2/helpers/inherits.js"));
var _createSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createSuper */ "../node_modules/@babel/runtime-corejs2/helpers/createSuper.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/defineProperty */ "../node_modules/@babel/runtime-corejs2/helpers/defineProperty.js"));
var _baseModel = _interopRequireDefault(__webpack_require__(/*! ./base-model */ "../core/app/modules/kit-library/assets/js/models/base-model.js"));
var Document = /*#__PURE__*/function (_BaseModel) {
(0, _inherits2.default)(Document, _BaseModel);
var _super = (0, _createSuper2.default)(Document);
function Document() {
var _this;
(0, _classCallCheck2.default)(this, Document);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "id", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "title", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "documentType", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "thumbnailUrl", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "previewUrl", '');
return _this;
}
(0, _createClass2.default)(Document, null, [{
key: "createFromResponse",
value:
/**
* Create a tag from server response
*
* @param document
*/
function createFromResponse(document) {
return new Document().init({
id: document.id,
title: document.title,
documentType: document.doc_type,
thumbnailUrl: document.thumbnail_url,
previewUrl: document.preview_url
});
}
}]);
return Document;
}(_baseModel.default);
exports["default"] = Document;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/models/kit.js":
/*!***************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/models/kit.js ***!
\***************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
__webpack_require__(/*! core-js/modules/es6.array.filter.js */ "../node_modules/core-js/modules/es6.array.filter.js");
__webpack_require__(/*! core-js/modules/es6.string.includes.js */ "../node_modules/core-js/modules/es6.string.includes.js");
__webpack_require__(/*! core-js/modules/es7.array.includes.js */ "../node_modules/core-js/modules/es7.array.includes.js");
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/classCallCheck */ "../node_modules/@babel/runtime-corejs2/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createClass */ "../node_modules/@babel/runtime-corejs2/helpers/createClass.js"));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/assertThisInitialized */ "../node_modules/@babel/runtime-corejs2/helpers/assertThisInitialized.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/inherits */ "../node_modules/@babel/runtime-corejs2/helpers/inherits.js"));
var _createSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createSuper */ "../node_modules/@babel/runtime-corejs2/helpers/createSuper.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/defineProperty */ "../node_modules/@babel/runtime-corejs2/helpers/defineProperty.js"));
var _baseModel = _interopRequireDefault(__webpack_require__(/*! ./base-model */ "../core/app/modules/kit-library/assets/js/models/base-model.js"));
var _document = _interopRequireDefault(__webpack_require__(/*! ./document */ "../core/app/modules/kit-library/assets/js/models/document.js"));
var Kit = /*#__PURE__*/function (_BaseModel) {
(0, _inherits2.default)(Kit, _BaseModel);
var _super = (0, _createSuper2.default)(Kit);
function Kit() {
var _this;
(0, _classCallCheck2.default)(this, Kit);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "id", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "title", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "description", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isFavorite", false);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "thumbnailUrl", null);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "previewUrl", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "accessLevel", 0);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "trendIndex", null);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "popularityIndex", null);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "featuredIndex", null);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createdAt", null);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updatedAt", null);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "keywords", []);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "taxonomies", []);
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "documents", []);
return _this;
}
(0, _createClass2.default)(Kit, [{
key: "getDocumentsByTypes",
value:
/**
* Get content types as param and group all the documents based on it.
*
* @param {ContentType[]} contentTypes
* @returns {ContentType[]}
*/
function getDocumentsByTypes(contentTypes) {
var _this2 = this;
return contentTypes.map(function (contentType) {
contentType = contentType.clone();
contentType.documents = _this2.documents.filter(function (document) {
return contentType.documentTypes.includes(document.documentType);
});
return contentType;
});
}
}], [{
key: "createFromResponse",
value:
/**
* Create a kit from server response
*
* @param kit
*/
function createFromResponse(kit) {
return new Kit().init({
id: kit.id,
title: kit.title,
description: kit.description,
isFavorite: kit.is_favorite,
thumbnailUrl: kit.thumbnail_url,
previewUrl: kit.preview_url,
accessLevel: kit.access_level,
trendIndex: kit.trend_index,
popularityIndex: kit.popularity_index,
featuredIndex: kit.featured_index,
// TODO: Remove when the API is stable (when date params always exists)
createdAt: kit.created_at ? new Date(kit.created_at) : null,
updatedAt: kit.updated_at ? new Date(kit.updated_at) : null,
//
keywords: kit.keywords,
taxonomies: kit.taxonomies,
documents: kit.documents ? kit.documents.map(function (document) {
return _document.default.createFromResponse(document);
}) : []
});
}
}]);
return Kit;
}(_baseModel.default);
exports["default"] = Kit;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/models/taxonomy.js":
/*!********************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/models/taxonomy.js ***!
\********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.taxonomyType = exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/classCallCheck */ "../node_modules/@babel/runtime-corejs2/helpers/classCallCheck.js"));
var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createClass */ "../node_modules/@babel/runtime-corejs2/helpers/createClass.js"));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/assertThisInitialized */ "../node_modules/@babel/runtime-corejs2/helpers/assertThisInitialized.js"));
var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/inherits */ "../node_modules/@babel/runtime-corejs2/helpers/inherits.js"));
var _createSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/createSuper */ "../node_modules/@babel/runtime-corejs2/helpers/createSuper.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/defineProperty */ "../node_modules/@babel/runtime-corejs2/helpers/defineProperty.js"));
var _baseModel = _interopRequireDefault(__webpack_require__(/*! ./base-model */ "../core/app/modules/kit-library/assets/js/models/base-model.js"));
var taxonomyType = [{
key: 'categories',
label: __('Categories', 'elementor'),
isOpenByDefault: true
}, {
key: 'tags',
label: __('Tags', 'elementor')
}, {
key: 'types',
label: __('Kit Types', 'elementor')
}, {
key: 'features',
label: __('Features', 'elementor')
}, {
key: 'subscription_plans',
label: __('Kits by plan', 'elementor')
}];
exports.taxonomyType = taxonomyType;
var Taxonomy = /*#__PURE__*/function (_BaseModel) {
(0, _inherits2.default)(Taxonomy, _BaseModel);
var _super = (0, _createSuper2.default)(Taxonomy);
function Taxonomy() {
var _this;
(0, _classCallCheck2.default)(this, Taxonomy);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "text", '');
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", 'tag');
return _this;
}
(0, _createClass2.default)(Taxonomy, null, [{
key: "createFromResponse",
value:
/**
* Create a tag from server response
*
* @param taxonomy
*/
function createFromResponse(taxonomy) {
return new Taxonomy().init({
text: taxonomy.text,
type: taxonomy.type
});
}
}]);
return Taxonomy;
}(_baseModel.default);
exports["default"] = Taxonomy;
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/favorites/favorites.js":
/*!******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/favorites/favorites.js ***!
\******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Favorites;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _index = _interopRequireDefault(__webpack_require__(/*! ../index/index */ "../core/app/modules/kit-library/assets/js/pages/index/index.js"));
var _errorScreen = _interopRequireDefault(__webpack_require__(/*! ../../components/error-screen */ "../core/app/modules/kit-library/assets/js/components/error-screen.js"));
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
function Favorites(props) {
var navigate = (0, _router.useNavigate)();
var indexNotResultsFavorites = /*#__PURE__*/_react.default.createElement(_errorScreen.default, {
title: __('No favorites here yet...', 'elementor'),
description: __('Use the heart icon to save kits that inspire you. You\'ll be able to find them here.', 'elementor'),
button: {
text: __('Continue browsing.', 'elementor'),
action: function action() {
return navigate('/kit-library');
}
}
});
return /*#__PURE__*/_react.default.createElement(_index.default, {
path: props.path,
initialQueryParams: {
favorite: true
},
renderNoResultsComponent: function renderNoResultsComponent(_ref) {
var defaultComponent = _ref.defaultComponent,
isFilterActive = _ref.isFilterActive;
if (!isFilterActive) {
return indexNotResultsFavorites;
}
return defaultComponent;
}
});
}
Favorites.propTypes = {
path: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/index/index-header.js":
/*!*****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/index/index-header.js ***!
\*****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = IndexHeader;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _header = _interopRequireDefault(__webpack_require__(/*! ../../components/layout/header */ "../core/app/modules/kit-library/assets/js/components/layout/header.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
var _popoverDialog = _interopRequireDefault(__webpack_require__(/*! elementor-app/ui/popover-dialog/popover-dialog */ "../core/app/assets/js/ui/popover-dialog/popover-dialog.js"));
__webpack_require__(/*! ./index-header.scss */ "../core/app/modules/kit-library/assets/js/pages/index/index-header.scss");
function IndexHeader(props) {
var navigate = (0, _router.useNavigate)();
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isInfoModalOpen = _useState2[0],
setIsInfoModalOpen = _useState2[1];
var importRef = (0, _react.useRef)();
var buttons = (0, _react.useMemo)(function () {
return [{
id: 'info',
text: __('Info', 'elementor-pro'),
hideText: true,
icon: 'eicon-info-circle-o',
onClick: function onClick() {
return setIsInfoModalOpen(true);
}
}, {
id: 'refetch',
text: __('Refetch', 'elementor-pro'),
hideText: true,
icon: "eicon-sync ".concat(props.isFetching ? 'eicon-animation-spin' : ''),
onClick: props.refetch
}, {
id: 'import',
text: __('Import', 'elementor-pro'),
hideText: true,
icon: 'eicon-upload-circle-o',
elRef: importRef,
onClick: function onClick() {
return navigate('/import?referrer=kit-library');
}
}];
}, [props.isFetching, props.refetch]);
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_header.default, {
buttons: buttons
}), /*#__PURE__*/_react.default.createElement(_popoverDialog.default, {
targetRef: importRef,
wrapperClass: "e-kit-library__tooltip"
}, __('Import Kit', 'elementor')), /*#__PURE__*/_react.default.createElement(_appUi.ModalProvider, {
title: __('Welcome to the Library', 'elementor'),
show: isInfoModalOpen,
setShow: setIsInfoModalOpen
}, /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library-header-info-modal-container"
}, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
variant: "h3"
}, __('What\'s a kit?', 'elementor')), /*#__PURE__*/_react.default.createElement(_appUi.Text, null, __('A Template Kit is full, ready-made design that you can apply to your site. It includes all the pages, parts, settings and content that you\'d expect in a fully functional website.', 'elementor'))), /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library-header-info-modal-container"
}, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
variant: "h3"
}, __('What\'s going on in the Kit Library?', 'elementor')), /*#__PURE__*/_react.default.createElement(_appUi.Text, null, __('Search & filter for kits by category and tags, or browse through individual kits to see what\'s inside.', 'elementor'), /*#__PURE__*/_react.default.createElement("br", null), __('Once you\'ve picked a winner, apply it to your site!', 'elementor'))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
variant: "h3"
}, __('Happy browsing!', 'elementor')), /*#__PURE__*/_react.default.createElement(_appUi.Text, null, /*#__PURE__*/_react.default.createElement(_appUi.Button, {
url: "https://go.elementor.com/app-kit-library-how-to-use-kits",
target: "_blank",
rel: "noreferrer",
text: __('Learn more', 'elementor'),
color: "link"
}), ' ', __('about using templates', 'elementor')))));
}
IndexHeader.propTypes = {
refetch: PropTypes.func.isRequired,
isFetching: PropTypes.bool
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/index/index-sidebar.js":
/*!******************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/index/index-sidebar.js ***!
\******************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = IndexSidebar;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
function IndexSidebar(props) {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.menuItems.map(function (item) {
return /*#__PURE__*/_react.default.createElement(_appUi.MenuItem, {
key: item.label,
text: item.label,
className: "eps-menu-item__link ".concat(item.isActive ? 'eps-menu-item--active' : ''),
icon: item.icon,
url: item.url
});
}), props.tagsFilterSlot);
}
IndexSidebar.propTypes = {
tagsFilterSlot: PropTypes.node,
menuItems: PropTypes.arrayOf(PropTypes.shape({
label: PropTypes.string,
icon: PropTypes.string,
isActive: PropTypes.bool,
url: PropTypes.string
}))
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/index/index.js":
/*!**********************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/index/index.js ***!
\**********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Index;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.filter.js */ "../node_modules/core-js/modules/es6.array.filter.js");
__webpack_require__(/*! core-js/modules/es6.regexp.replace.js */ "../node_modules/core-js/modules/es6.regexp.replace.js");
__webpack_require__(/*! core-js/modules/es6.string.includes.js */ "../node_modules/core-js/modules/es6.string.includes.js");
__webpack_require__(/*! core-js/modules/es7.array.includes.js */ "../node_modules/core-js/modules/es7.array.includes.js");
__webpack_require__(/*! core-js/modules/es6.regexp.split.js */ "../node_modules/core-js/modules/es6.regexp.split.js");
__webpack_require__(/*! core-js/modules/es6.regexp.search.js */ "../node_modules/core-js/modules/es6.regexp.search.js");
var _entries = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/object/entries */ "../node_modules/@babel/runtime-corejs2/core-js/object/entries.js"));
var _keys = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/object/keys */ "../node_modules/@babel/runtime-corejs2/core-js/object/keys.js"));
var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/toConsumableArray */ "../node_modules/@babel/runtime-corejs2/helpers/toConsumableArray.js"));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/defineProperty */ "../node_modules/@babel/runtime-corejs2/helpers/defineProperty.js"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _objectSpread4 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/objectSpread2 */ "../node_modules/@babel/runtime-corejs2/helpers/objectSpread2.js"));
var _content = _interopRequireDefault(__webpack_require__(/*! ../../../../../../assets/js/layout/content */ "../core/app/assets/js/layout/content.js"));
var _envatoPromotion = _interopRequireDefault(__webpack_require__(/*! ../../components/envato-promotion */ "../core/app/modules/kit-library/assets/js/components/envato-promotion.js"));
var _errorScreen = _interopRequireDefault(__webpack_require__(/*! ../../components/error-screen */ "../core/app/modules/kit-library/assets/js/components/error-screen.js"));
var _filterIndicationText = _interopRequireDefault(__webpack_require__(/*! ../../components/filter-indication-text */ "../core/app/modules/kit-library/assets/js/components/filter-indication-text.js"));
var _indexHeader = _interopRequireDefault(__webpack_require__(/*! ./index-header */ "../core/app/modules/kit-library/assets/js/pages/index/index-header.js"));
var _indexSidebar = _interopRequireDefault(__webpack_require__(/*! ./index-sidebar */ "../core/app/modules/kit-library/assets/js/pages/index/index-sidebar.js"));
var _kitList = _interopRequireDefault(__webpack_require__(/*! ../../components/kit-list */ "../core/app/modules/kit-library/assets/js/components/kit-list.js"));
var _layout = _interopRequireDefault(__webpack_require__(/*! ../../components/layout */ "../core/app/modules/kit-library/assets/js/components/layout/index.js"));
var _pageLoader = _interopRequireDefault(__webpack_require__(/*! ../../components/page-loader */ "../core/app/modules/kit-library/assets/js/components/page-loader.js"));
var _searchInput = _interopRequireDefault(__webpack_require__(/*! ../../components/search-input */ "../core/app/modules/kit-library/assets/js/components/search-input.js"));
var _sortSelect = _interopRequireDefault(__webpack_require__(/*! ../../components/sort-select */ "../core/app/modules/kit-library/assets/js/components/sort-select.js"));
var _taxonomiesFilter = _interopRequireDefault(__webpack_require__(/*! ../../components/taxonomies-filter */ "../core/app/modules/kit-library/assets/js/components/taxonomies-filter.js"));
var _useKits2 = _interopRequireWildcard(__webpack_require__(/*! ../../hooks/use-kits */ "../core/app/modules/kit-library/assets/js/hooks/use-kits.js"));
var _usePageTitle = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-page-title */ "../core/app/assets/js/hooks/use-page-title.js"));
var _useTaxonomies2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-taxonomies */ "../core/app/modules/kit-library/assets/js/hooks/use-taxonomies.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
var _lastFilterContext = __webpack_require__(/*! ../../context/last-filter-context */ "../core/app/modules/kit-library/assets/js/context/last-filter-context.js");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
__webpack_require__(/*! ./index.scss */ "../core/app/modules/kit-library/assets/js/pages/index/index.scss");
/**
* Generate select and unselect taxonomy functions.
*
* @param setQueryParams
* @returns {((function(*, *): *)|(function(*=): *))[]}
*/
function useTaxonomiesSelection(setQueryParams) {
var selectTaxonomy = (0, _react.useCallback)(function (type, callback) {
return setQueryParams(function (prev) {
var taxonomies = (0, _objectSpread4.default)({}, prev.taxonomies);
taxonomies[type] = callback(prev.taxonomies[type]);
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, {
taxonomies: taxonomies
});
});
}, [setQueryParams]);
var unselectTaxonomy = (0, _react.useCallback)(function (taxonomy) {
return setQueryParams(function (prev) {
var taxonomies = (0, _entries.default)(prev.taxonomies).reduce(function (current, _ref) {
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
key = _ref2[0],
groupedTaxonomies = _ref2[1];
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, current), {}, (0, _defineProperty2.default)({}, key, groupedTaxonomies.filter(function (item) {
return item !== taxonomy;
})));
}, {});
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, {
taxonomies: taxonomies
});
});
}, [setQueryParams]);
return [selectTaxonomy, unselectTaxonomy];
}
/**
* Generate the menu items for the index page.
*
* @param path
* @returns {array}
*/
function useMenuItems(path) {
return (0, _react.useMemo)(function () {
var page = path.replace('/', '');
return [{
label: __('All Template Kits', 'elementor'),
icon: 'eicon-filter',
isActive: !page,
url: '/kit-library'
}, {
label: __('Favorites', 'elementor'),
icon: 'eicon-heart-o',
isActive: 'favorites' === page,
url: '/kit-library/favorites'
}];
}, [path]);
}
/**
* Update and read the query param from the url
*
* @param queryParams
* @param setQueryParams
* @param exclude
*/
function useRouterQueryParams(queryParams, setQueryParams) {
var exclude = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
var location = (0, _router.useLocation)(),
_useLastFilterContext = (0, _lastFilterContext.useLastFilterContext)(),
setLastFilter = _useLastFilterContext.setLastFilter;
(0, _react.useEffect)(function () {
var filteredQueryParams = Object.fromEntries((0, _entries.default)(queryParams).filter(function (_ref3) {
var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
key = _ref4[0],
item = _ref4[1];
return !exclude.includes(key) && item;
}));
setLastFilter(filteredQueryParams);
history.replaceState(null, '', decodeURI("#".concat(wp.url.addQueryArgs(location.pathname.split('?')[0] || '/', filteredQueryParams))));
}, [queryParams]);
(0, _react.useEffect)(function () {
var routerQueryParams = (0, _keys.default)(_useKits2.defaultQueryParams).reduce(function (current, key) {
// TODO: Replace with `wp.url.getQueryArgs` when WordPress 5.7 is the min version
var queryArg = wp.url.getQueryArg(location.pathname, key);
if (!queryArg) {
return current;
}
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, current), {}, (0, _defineProperty2.default)({}, key, queryArg));
}, {});
setQueryParams(function (prev) {
return (0, _objectSpread4.default)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), routerQueryParams), {}, {
taxonomies: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev.taxonomies), routerQueryParams.taxonomies),
ready: true
});
});
}, []);
}
function Index(props) {
(0, _usePageTitle.default)({
title: __('Kit Library', 'elementor')
});
var menuItems = useMenuItems(props.path);
var _useKits = (0, _useKits2.default)(props.initialQueryParams),
data = _useKits.data,
isSuccess = _useKits.isSuccess,
isLoading = _useKits.isLoading,
isFetching = _useKits.isFetching,
isError = _useKits.isError,
queryParams = _useKits.queryParams,
setQueryParams = _useKits.setQueryParams,
clearQueryParams = _useKits.clearQueryParams,
forceRefetch = _useKits.forceRefetch,
isFilterActive = _useKits.isFilterActive;
useRouterQueryParams(queryParams, setQueryParams, ['ready'].concat((0, _toConsumableArray2.default)((0, _keys.default)(props.initialQueryParams))));
var _useTaxonomies = (0, _useTaxonomies2.default)(),
taxonomiesData = _useTaxonomies.data,
forceRefetchTaxonomies = _useTaxonomies.forceRefetch,
isFetchingTaxonomies = _useTaxonomies.isFetching;
var _useTaxonomiesSelecti = useTaxonomiesSelection(setQueryParams),
_useTaxonomiesSelecti2 = (0, _slicedToArray2.default)(_useTaxonomiesSelecti, 2),
selectTaxonomy = _useTaxonomiesSelecti2[0],
unselectTaxonomy = _useTaxonomiesSelecti2[1];
return /*#__PURE__*/_react.default.createElement(_layout.default, {
sidebar: /*#__PURE__*/_react.default.createElement(_indexSidebar.default, {
tagsFilterSlot: /*#__PURE__*/_react.default.createElement(_taxonomiesFilter.default, {
selected: queryParams.taxonomies,
onSelect: selectTaxonomy,
taxonomies: taxonomiesData
}),
menuItems: menuItems
}),
header: /*#__PURE__*/_react.default.createElement(_indexHeader.default, {
refetch: function refetch() {
forceRefetch();
forceRefetchTaxonomies();
},
isFetching: isFetching || isFetchingTaxonomies
})
}, /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__index-layout-container"
}, /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
className: "e-kit-library__index-layout-top-area"
}, /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
item: true,
className: "e-kit-library__index-layout-top-area-search"
}, /*#__PURE__*/_react.default.createElement(_searchInput.default, {
placeholder: __('Search all Template Kits...', 'elementor'),
value: queryParams.search,
onChange: function onChange(value) {
return setQueryParams(function (prev) {
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, {
search: value
});
});
}
}), isFilterActive && /*#__PURE__*/_react.default.createElement(_filterIndicationText.default, {
queryParams: queryParams,
resultCount: data.length || 0,
onClear: clearQueryParams,
onRemoveTag: unselectTaxonomy
})), /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
item: true,
className: "e-kit-library__index-layout-top-area-sort"
}, /*#__PURE__*/_react.default.createElement(_sortSelect.default, {
options: [{
label: __('Featured', 'elementor'),
value: 'featuredIndex'
}, {
label: __('New', 'elementor'),
value: 'createdAt'
}, {
label: __('Popular', 'elementor'),
value: 'popularityIndex'
}, {
label: __('Trending', 'elementor'),
value: 'trendIndex'
}],
value: queryParams.order,
onChange: function onChange(order) {
return setQueryParams(function (prev) {
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, {
order: order
});
});
}
}))), /*#__PURE__*/_react.default.createElement(_content.default, {
className: "e-kit-library__index-layout-main"
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading && /*#__PURE__*/_react.default.createElement(_pageLoader.default, null), isError && /*#__PURE__*/_react.default.createElement(_errorScreen.default, {
title: __('Something went wrong.', 'elementor'),
description: __('Nothing to worry about, use 🔄 on the top right to try again. If the problem continues, head over to the Help Center.', 'elementor'),
button: {
text: __('Learn More', 'elementor'),
url: 'http://go.elementor.com/app-kit-library-error',
target: '_blank'
}
}), isSuccess && 0 < data.length && queryParams.ready && /*#__PURE__*/_react.default.createElement(_kitList.default, {
data: data
}), isSuccess && 0 === data.length && queryParams.ready && props.renderNoResultsComponent({
defaultComponent: /*#__PURE__*/_react.default.createElement(_errorScreen.default, {
title: __('No results matched your search.', 'elementor'),
description: __('Try different keywords or ', 'elementor'),
button: {
text: __('Continue browsing.', 'elementor'),
action: clearQueryParams
}
}),
isFilterActive: isFilterActive
}), /*#__PURE__*/_react.default.createElement(_envatoPromotion.default, null)))));
}
Index.propTypes = {
path: PropTypes.string,
initialQueryParams: PropTypes.object,
renderNoResultsComponent: PropTypes.func
};
Index.defaultProps = {
initialQueryParams: {},
renderNoResultsComponent: function renderNoResultsComponent(_ref5) {
var defaultComponent = _ref5.defaultComponent;
return defaultComponent;
}
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview-content-group-item.js":
/*!***********************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview-content-group-item.js ***!
\***********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = OverviewContentGroupItem;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _document = _interopRequireDefault(__webpack_require__(/*! ../../models/document */ "../core/app/modules/kit-library/assets/js/models/document.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
function OverviewContentGroupItem(props) {
return /*#__PURE__*/_react.default.createElement(_appUi.Card, null, /*#__PURE__*/_react.default.createElement(_appUi.CardHeader, null, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
title: props.document.title,
variant: "h5",
className: "eps-card__headline"
}, props.document.title)), /*#__PURE__*/_react.default.createElement(_appUi.CardBody, null, /*#__PURE__*/_react.default.createElement(_appUi.CardImage, {
alt: props.document.title,
src: props.document.thumbnailUrl || ''
}, props.document.previewUrl && /*#__PURE__*/_react.default.createElement(_appUi.CardOverlay, null, /*#__PURE__*/_react.default.createElement(_appUi.Button, {
className: "e-kit-library__kit-item-overlay-overview-button",
text: __('View Demo', 'elementor'),
icon: "eicon-preview-medium",
url: "/kit-library/preview/".concat(props.kitId, "?document_id=").concat(props.document.id)
})))));
}
OverviewContentGroupItem.propTypes = {
document: PropTypes.instanceOf(_document.default).isRequired,
kitId: PropTypes.string.isRequired
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview-content-group.js":
/*!******************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview-content-group.js ***!
\******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = OverviewContentGroup;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _contentType = _interopRequireDefault(__webpack_require__(/*! ../../models/content-type */ "../core/app/modules/kit-library/assets/js/models/content-type.js"));
var _overviewContentGroupItem = _interopRequireDefault(__webpack_require__(/*! ./overview-content-group-item */ "../core/app/modules/kit-library/assets/js/pages/overview/overview-content-group-item.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
function OverviewContentGroup(props) {
var _props$contentType, _props$contentType$do;
if (((_props$contentType = props.contentType) === null || _props$contentType === void 0 ? void 0 : (_props$contentType$do = _props$contentType.documents) === null || _props$contentType$do === void 0 ? void 0 : _props$contentType$do.length) <= 0) {
return '';
}
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__content-overview-group-item"
}, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
variant: "h3",
className: "e-kit-library__content-overview-group-title"
}, props.contentType.label), /*#__PURE__*/_react.default.createElement(_appUi.CssGrid, {
spacing: 24,
colMinWidth: 250
}, props.contentType.documents.map(function (document) {
return /*#__PURE__*/_react.default.createElement(_overviewContentGroupItem.default, {
key: document.id,
document: document,
kitId: props.kitId
});
})));
}
OverviewContentGroup.propTypes = {
contentType: PropTypes.instanceOf(_contentType.default),
kitId: PropTypes.string.isRequired
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview-sidebar.js":
/*!************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview-sidebar.js ***!
\************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = OverviewSidebar;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _collapse = _interopRequireDefault(__webpack_require__(/*! ../../components/collapse */ "../core/app/modules/kit-library/assets/js/components/collapse.js"));
var _contentType = _interopRequireDefault(__webpack_require__(/*! ../../models/content-type */ "../core/app/modules/kit-library/assets/js/models/content-type.js"));
var _favoritesActions = _interopRequireDefault(__webpack_require__(/*! ../../components/favorites-actions */ "../core/app/modules/kit-library/assets/js/components/favorites-actions.js"));
var _kit = _interopRequireDefault(__webpack_require__(/*! ../../models/kit */ "../core/app/modules/kit-library/assets/js/models/kit.js"));
var _overviewTaxonomyBadge = _interopRequireDefault(__webpack_require__(/*! ./overview-taxonomy-badge */ "../core/app/modules/kit-library/assets/js/pages/overview/overview-taxonomy-badge.js"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./overview-sidebar.scss */ "../core/app/modules/kit-library/assets/js/pages/overview/overview-sidebar.scss");
function OverviewSidebar(props) {
var _props$groupedKitCont;
var _useState = (0, _react.useState)(true),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isTagsCollapseOpen = _useState2[0],
setIsTagsCollapseOpen = _useState2[1];
var _useState3 = (0, _react.useState)(false),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
isInformationCollapseOpen = _useState4[0],
setIsInformationCollapseOpen = _useState4[1];
return /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__item-sidebar"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "e-kit-library__item-sidebar-header"
}, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h1",
variant: "h5",
className: "e-kit-library__item-sidebar-header-title"
}, props.model.title), /*#__PURE__*/_react.default.createElement(_favoritesActions.default, {
isFavorite: props.model.isFavorite,
id: props.model.id
})), /*#__PURE__*/_react.default.createElement(_appUi.CardImage, {
className: "e-kit-library__item-sidebar-thumbnail",
alt: props.model.title,
src: props.model.thumbnailUrl || ''
}), /*#__PURE__*/_react.default.createElement(_appUi.Text, {
className: "e-kit-library__item-sidebar-description"
}, props.model.description || ''), props.model.taxonomies.length > 0 && /*#__PURE__*/_react.default.createElement(_collapse.default, {
isOpen: isTagsCollapseOpen,
onChange: setIsTagsCollapseOpen,
title: __('TAGS', 'elementor'),
className: "e-kit-library__item-sidebar-collapse-tags"
}, /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
className: "e-kit-library__item-sidebar-tags-container"
}, props.model.taxonomies.map(function (taxonomy) {
return /*#__PURE__*/_react.default.createElement(_overviewTaxonomyBadge.default, {
key: taxonomy
}, taxonomy);
}))), ((_props$groupedKitCont = props.groupedKitContent) === null || _props$groupedKitCont === void 0 ? void 0 : _props$groupedKitCont.length) > 0 && props.model.documents.length > 0 && /*#__PURE__*/_react.default.createElement(_collapse.default, {
isOpen: isInformationCollapseOpen,
onChange: setIsInformationCollapseOpen,
title: __('WHAT\'S INSIDE', 'elementor'),
className: "e-kit-library__item-sidebar-collapse-info"
}, props.groupedKitContent.map(function (contentType) {
if (contentType.documents <= 0) {
return '';
}
return /*#__PURE__*/_react.default.createElement(_appUi.Text, {
className: "e-kit-library__item-information-text",
key: contentType.id
}, contentType.documents.length, " ", contentType.label);
})));
}
OverviewSidebar.propTypes = {
model: PropTypes.instanceOf(_kit.default).isRequired,
groupedKitContent: PropTypes.arrayOf(PropTypes.instanceOf(_contentType.default))
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview-taxonomy-badge.js":
/*!*******************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview-taxonomy-badge.js ***!
\*******************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = OverviewTaxonomyBadge;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.find.js */ "../node_modules/core-js/modules/es6.array.find.js");
var _badge = _interopRequireDefault(__webpack_require__(/*! ../../components/badge */ "../core/app/modules/kit-library/assets/js/components/badge.js"));
var _useTaxonomies2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-taxonomies */ "../core/app/modules/kit-library/assets/js/hooks/use-taxonomies.js"));
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
function OverviewTaxonomyBadge(props) {
var _useTaxonomies = (0, _useTaxonomies2.default)(),
data = _useTaxonomies.data;
var taxonomyText = props.children;
var type = (0, _react.useMemo)(function () {
var _data$find;
if (!data) {
return null;
}
return (_data$find = data.find(function (item) {
return item.text === taxonomyText;
})) === null || _data$find === void 0 ? void 0 : _data$find.type;
}, [data, taxonomyText]);
if (!type) {
return '';
}
return /*#__PURE__*/_react.default.createElement(_router.Link, {
to: "/kit-library?taxonomies[".concat(type, "][]=").concat(taxonomyText)
}, /*#__PURE__*/_react.default.createElement(_badge.default, null, props.children));
}
OverviewTaxonomyBadge.propTypes = {
children: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/overview/overview.js":
/*!****************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/overview/overview.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Overview;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _content = _interopRequireDefault(__webpack_require__(/*! elementor/core/app/assets/js/layout/content */ "../core/app/assets/js/layout/content.js"));
var _elementorLoading = _interopRequireDefault(__webpack_require__(/*! elementor-app/molecules/elementor-loading */ "../core/app/assets/js/molecules/elementor-loading.js"));
var _itemHeader = _interopRequireDefault(__webpack_require__(/*! ../../components/item-header */ "../core/app/modules/kit-library/assets/js/components/item-header.js"));
var _layout = _interopRequireDefault(__webpack_require__(/*! ../../components/layout */ "../core/app/modules/kit-library/assets/js/components/layout/index.js"));
var _overviewContentGroup = _interopRequireDefault(__webpack_require__(/*! ./overview-content-group */ "../core/app/modules/kit-library/assets/js/pages/overview/overview-content-group.js"));
var _overviewSidebar = _interopRequireDefault(__webpack_require__(/*! ./overview-sidebar */ "../core/app/modules/kit-library/assets/js/pages/overview/overview-sidebar.js"));
var _useKit2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-kit */ "../core/app/modules/kit-library/assets/js/hooks/use-kit.js"));
var _useKitDocumentByType2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-kit-document-by-type */ "../core/app/modules/kit-library/assets/js/hooks/use-kit-document-by-type.js"));
var _usePageTitle = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-page-title */ "../core/app/assets/js/hooks/use-page-title.js"));
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
__webpack_require__(/*! ./overview.scss */ "../core/app/modules/kit-library/assets/js/pages/overview/overview.scss");
function useHeaderButtons(id) {
var navigate = (0, _router.useNavigate)();
return (0, _react.useMemo)(function () {
return [{
id: 'view-demo',
text: __('View Demo', 'elementor'),
hideText: false,
variant: 'outlined',
color: 'secondary',
size: 'sm',
onClick: function onClick() {
return navigate("/kit-library/preview/".concat(id));
},
includeHeaderBtnClass: false
}];
}, [id]);
}
function Overview(props) {
var _useKit = (0, _useKit2.default)(props.id),
kit = _useKit.data,
isError = _useKit.isError,
isLoading = _useKit.isLoading;
var _useKitDocumentByType = (0, _useKitDocumentByType2.default)(kit),
documentsByType = _useKitDocumentByType.data;
var headerButtons = useHeaderButtons(props.id);
(0, _usePageTitle.default)({
title: kit ? "".concat(__('Kit Library', 'elementor'), " | ").concat(kit.title) : __('Loading...', 'elementor')
});
if (isError) {
// Will be caught by the App error boundary.
throw new Error();
}
if (isLoading) {
return /*#__PURE__*/_react.default.createElement(_elementorLoading.default, null);
}
return /*#__PURE__*/_react.default.createElement(_layout.default, {
header: /*#__PURE__*/_react.default.createElement(_itemHeader.default, {
model: kit,
buttons: headerButtons,
pageId: "overview"
}),
sidebar: /*#__PURE__*/_react.default.createElement(_overviewSidebar.default, {
model: kit,
groupedKitContent: documentsByType
})
}, documentsByType.length > 0 && /*#__PURE__*/_react.default.createElement(_content.default, null, documentsByType.map(function (contentType) {
return /*#__PURE__*/_react.default.createElement(_overviewContentGroup.default, {
key: contentType.id,
contentType: contentType,
kitId: props.id
});
})));
}
Overview.propTypes = {
id: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/preview/preview-iframe.js":
/*!*********************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/preview/preview-iframe.js ***!
\*********************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.PreviewIframe = PreviewIframe;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
function PreviewIframe(props) {
var ref = (0, _react.useRef)();
(0, _react.useEffect)(function () {
if (!ref.current) {
return;
}
var listener = function listener() {
return props.onLoaded();
};
ref.current.addEventListener('load', listener);
return function () {
return ref.current && ref.current.removeEventListener('load', listener);
};
}, [ref.current, props.previewUrl]);
return /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
justify: "center",
className: "e-kit-library__preview-iframe-container"
}, /*#__PURE__*/_react.default.createElement("iframe", {
className: "e-kit-library__preview-iframe",
src: props.previewUrl,
style: props.style,
ref: ref
}));
}
PreviewIframe.propTypes = {
previewUrl: PropTypes.string.isRequired,
style: PropTypes.object,
onLoaded: PropTypes.func
};
PreviewIframe.defaultProps = {
style: {
width: '100%',
height: '100%'
},
onLoaded: function onLoaded() {}
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/preview/preview-responsive-controls.js":
/*!**********************************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/preview/preview-responsive-controls.js ***!
\**********************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = PreviewResponsiveControls;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
__webpack_require__(/*! core-js/modules/es6.array.map.js */ "../node_modules/core-js/modules/es6.array.map.js");
var _preview = __webpack_require__(/*! ./preview */ "../core/app/modules/kit-library/assets/js/pages/preview/preview.js");
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ./preview-responsive-controls.scss */ "../core/app/modules/kit-library/assets/js/pages/preview/preview-responsive-controls.scss");
function PreviewResponsiveControls(props) {
return /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
alignItems: "center",
justify: "center",
className: "e-kit-library__preview-responsive-controls"
}, _preview.breakpoints.map(function (_ref) {
var label = _ref.label,
value = _ref.value;
var className = 'e-kit-library__preview-responsive-controls-item';
if (props.active === value) {
className += ' e-kit-library__preview-responsive-controls-item--active';
}
return /*#__PURE__*/_react.default.createElement(_appUi.Button, {
key: value,
text: label,
hideText: true,
className: className,
icon: "eicon-device-".concat(value),
onClick: function onClick() {
return props.onChange(value);
}
});
}));
}
PreviewResponsiveControls.propTypes = {
active: PropTypes.string,
onChange: PropTypes.func.isRequired
};
PreviewResponsiveControls.defaultProps = {
active: 'desktop'
};
/***/ }),
/***/ "../core/app/modules/kit-library/assets/js/pages/preview/preview.js":
/*!**************************************************************************!*\
!*** ../core/app/modules/kit-library/assets/js/pages/preview/preview.js ***!
\**************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
var _interopRequireWildcard = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireWildcard */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireWildcard.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.breakpoints = void 0;
exports["default"] = Preview;
var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/helpers/slicedToArray */ "../node_modules/@babel/runtime-corejs2/helpers/slicedToArray.js"));
var _parseInt2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime-corejs2/core-js/parse-int */ "../node_modules/@babel/runtime-corejs2/core-js/parse-int.js"));
__webpack_require__(/*! core-js/modules/es6.regexp.split.js */ "../node_modules/core-js/modules/es6.regexp.split.js");
__webpack_require__(/*! core-js/modules/es6.array.find.js */ "../node_modules/core-js/modules/es6.array.find.js");
var _elementorLoading = _interopRequireDefault(__webpack_require__(/*! elementor-app/molecules/elementor-loading */ "../core/app/assets/js/molecules/elementor-loading.js"));
var _itemHeader = _interopRequireDefault(__webpack_require__(/*! ../../components/item-header */ "../core/app/modules/kit-library/assets/js/components/item-header.js"));
var _layout = _interopRequireDefault(__webpack_require__(/*! ../../components/layout */ "../core/app/modules/kit-library/assets/js/components/layout/index.js"));
var _pageLoader = _interopRequireDefault(__webpack_require__(/*! ../../components/page-loader */ "../core/app/modules/kit-library/assets/js/components/page-loader.js"));
var _previewResponsiveControls = _interopRequireDefault(__webpack_require__(/*! ./preview-responsive-controls */ "../core/app/modules/kit-library/assets/js/pages/preview/preview-responsive-controls.js"));
var _useKit2 = _interopRequireDefault(__webpack_require__(/*! ../../hooks/use-kit */ "../core/app/modules/kit-library/assets/js/hooks/use-kit.js"));
var _usePageTitle = _interopRequireDefault(__webpack_require__(/*! elementor-app/hooks/use-page-title */ "../core/app/assets/js/hooks/use-page-title.js"));
var _previewIframe = __webpack_require__(/*! ./preview-iframe */ "../core/app/modules/kit-library/assets/js/pages/preview/preview-iframe.js");
var _router = __webpack_require__(/*! @reach/router */ "../node_modules/@reach/router/es/index.js");
__webpack_require__(/*! ./preview.scss */ "../core/app/modules/kit-library/assets/js/pages/preview/preview.scss");
var breakpoints = [{
value: 'desktop',
label: __('Desktop', 'elementor'),
style: {
width: '100%',
height: '100%'
}
}, {
value: 'tablet',
label: __('Tablet', 'elementor'),
style: {
marginTop: '30px',
marginBottom: '30px',
width: '768px',
height: '1024px'
}
}, {
value: 'mobile',
label: __('Mobile', 'elementor'),
style: {
marginTop: '30px',
marginBottom: '30px',
width: '375px',
height: '667px'
}
}];
exports.breakpoints = breakpoints;
function useHeaderButtons(id) {
var navigate = (0, _router.useNavigate)();
return (0, _react.useMemo)(function () {
return [{
id: 'overview',
text: __('Overview', 'elementor'),
hideText: false,
variant: 'outlined',
color: 'secondary',
size: 'sm',
onClick: function onClick() {
return navigate("/kit-library/overview/".concat(id));
},
includeHeaderBtnClass: false
}];
}, [id]);
}
/**
* Get preview url.
*
* @param data
* @returns {null|string}
*/
function usePreviewUrl(data) {
var location = (0, _router.useLocation)();
return (0, _react.useMemo)(function () {
var _location$pathname$sp, _data$documents$find;
if (!data) {
return null;
}
var documentId = new URLSearchParams((_location$pathname$sp = location.pathname.split('?')) === null || _location$pathname$sp === void 0 ? void 0 : _location$pathname$sp[1]).get('document_id');
if (!documentId) {
return data.previewUrl;
}
return ((_data$documents$find = data.documents.find(function (item) {
return item.id === (0, _parseInt2.default)(documentId);
})) === null || _data$documents$find === void 0 ? void 0 : _data$documents$find.previewUrl) || data.previewUrl;
}, [location, data]);
}
function Preview(props) {
var _useKit = (0, _useKit2.default)(props.id),
data = _useKit.data,
isError = _useKit.isError,
isLoading = _useKit.isLoading;
var _useState = (0, _react.useState)(true),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
isIframeLoading = _useState2[0],
setIsIframeLoading = _useState2[1];
var headersButtons = useHeaderButtons(props.id);
var previewUrl = usePreviewUrl(data);
var _useState3 = (0, _react.useState)('desktop'),
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
activeDevice = _useState4[0],
setActiveDevice = _useState4[1];
var iframeStyle = (0, _react.useMemo)(function () {
return breakpoints.find(function (_ref) {
var value = _ref.value;
return value === activeDevice;
}).style;
}, [activeDevice]);
(0, _usePageTitle.default)({
title: data ? "".concat(__('Kit Library', 'elementor'), " | ").concat(data.title) : __('Loading...', 'elementor')
});
if (isError) {
// Will be caught by the App error boundary.
throw new Error();
}
if (isLoading) {
return /*#__PURE__*/_react.default.createElement(_elementorLoading.default, null);
}
return /*#__PURE__*/_react.default.createElement(_layout.default, {
header: /*#__PURE__*/_react.default.createElement(_itemHeader.default, {
model: data,
buttons: headersButtons,
centerColumn: /*#__PURE__*/_react.default.createElement(_previewResponsiveControls.default, {
active: activeDevice,
onChange: setActiveDevice
}),
pageId: "demo"
})
}, isIframeLoading && /*#__PURE__*/_react.default.createElement(_pageLoader.default, {
className: "e-kit-library__preview-loader"
}), previewUrl && /*#__PURE__*/_react.default.createElement(_previewIframe.PreviewIframe, {
previewUrl: previewUrl,
style: iframeStyle,
onLoaded: function onLoaded() {
return setIsIframeLoading(false);
}
}));
}
Preview.propTypes = {
id: PropTypes.string
};
/***/ }),
/***/ "../core/app/modules/onboarding/assets/js/components/new-page-kit-list-item.js":
/*!*************************************************************************************!*\
!*** ../core/app/modules/onboarding/assets/js/components/new-page-kit-list-item.js ***!
\*************************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
"use strict";
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
var _Object$defineProperty = __webpack_require__(/*! @babel/runtime-corejs2/core-js/object/define-property */ "../node_modules/@babel/runtime-corejs2/core-js/object/define-property.js");
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime-corejs2/helpers/interopRequireDefault */ "../node_modules/@babel/runtime-corejs2/helpers/interopRequireDefault.js");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
var _appUi = __webpack_require__(/*! @elementor/app-ui */ "@elementor/app-ui");
__webpack_require__(/*! ../../../../kit-library/assets/js/components/kit-list-item.scss */ "../core/app/modules/kit-library/assets/js/components/kit-list-item.scss");
var NewPageKitListItem = function NewPageKitListItem() {
return /*#__PURE__*/_react.default.createElement(_appUi.Card, {
className: "e-onboarding__kit-library-card e-kit-library__kit-item"
}, /*#__PURE__*/_react.default.createElement(_appUi.CardHeader, null, /*#__PURE__*/_react.default.createElement(_appUi.Heading, {
tag: "h3",
title: __('Blank Canvas', 'elementor'),
variant: "h5",
className: "eps-card__headline"
}, __('Blank Canvas', 'elementor'))), /*#__PURE__*/_react.default.createElement(_appUi.CardBody, null, /*#__PURE__*/_react.default.createElement(_appUi.CardImage, {
alt: __('Blank Canvas', 'elementor'),
src: elementorCommon.config.urls.assets + 'images/app/onboarding/Blank_Preview.jpg' || 0
}, /*#__PURE__*/_react.default.createElement(_appUi.CardOverlay, null, /*#__PURE__*/_react.default.createElement(_appUi.Grid, {
container: true,
direction: "column",
className: "e-kit-library__kit-item-overlay"
}, /*#__PURE__*/_react.default.createElement(_appUi.Button, {
className: "e-kit-library__kit-item-overlay-overview-button",
text: __('Create New Elementor Page', 'elementor'),
icon: "eicon-single-page",
url: elementorAppConfig.onboarding.urls.createNewPage
}))))));
};
var _default = _react.default.memo(NewPageKitListItem);
exports["default"] = _default;
/***/ })
}]);
//# sourceMappingURL=kit-library.c7db5f02248493fe3f04.bundle.js.map
Zerion Mini Shell 1.0