PluginProbe
Elementor Website Builder – more than just a page builder / 3.34.0-beta1
Elementor Website Builder – more than just a page builder v3.34.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/js/element-manager-admin.js +634 -1464 4.2.0-beta2 → 3.34.0-beta1 View file →
@@ -191,12 +191,12 @@
191 191 }();
192 192
193 193 /***/ }),
194 194
195 -/***/ "../modules/element-manager/assets/js/app-editor-one/App.js":
196 -/*!******************************************************************!*\
197 - !*** ../modules/element-manager/assets/js/app-editor-one/App.js ***!
198 - \******************************************************************/
195 +/***/ "../modules/element-manager/assets/js/app.js":
196 +/*!***************************************************!*\
197 + !*** ../modules/element-manager/assets/js/app.js ***!
198 + \***************************************************/
199 199 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
200 200
201 201 "use strict";
202 202
@@ -201,1282 +201,200 @@
201 201 "use strict";
202 202
203 203
204 204 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
205 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
206 205 Object.defineProperty(exports, "__esModule", ({
207 206 value: true
208 207 }));
209 208 exports.App = void 0;
210 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
211 -var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
212 -var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
213 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
214 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
215 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
216 -var _hooks = __webpack_require__(/*! ./hooks */ "../modules/element-manager/assets/js/app-editor-one/hooks/index.js");
217 -var _components = __webpack_require__(/*! ./components */ "../modules/element-manager/assets/js/app-editor-one/components/index.js");
218 -function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
219 -var App = exports.App = function App() {
220 - var _useState = (0, _react.useState)(false),
221 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
222 - isConfirmDialogOpen = _useState2[0],
223 - setIsConfirmDialogOpen = _useState2[1];
224 - var _useElementManager = (0, _hooks.useElementManager)(),
225 - isLoading = _useElementManager.isLoading,
226 - widgets = _useElementManager.widgets,
227 - promotionWidgets = _useElementManager.promotionWidgets,
228 - plugins = _useElementManager.plugins,
229 - roles = _useElementManager.roles,
230 - widgetsDisabled = _useElementManager.widgetsDisabled,
231 - widgetsRoleRestrictions = _useElementManager.widgetsRoleRestrictions,
232 - setWidgetsRoleRestrictions = _useElementManager.setWidgetsRoleRestrictions,
233 - promotionData = _useElementManager.promotionData,
234 - noticeData = _useElementManager.noticeData,
235 - usageWidgets = _useElementManager.usageWidgets,
236 - changeProgress = _useElementManager.changeProgress,
237 - isSnackbarOpen = _useElementManager.isSnackbarOpen,
238 - setIsSnackbarOpen = _useElementManager.setIsSnackbarOpen,
239 - getWidgetUsage = _useElementManager.getWidgetUsage,
240 - scanUsageElements = _useElementManager.scanUsageElements,
241 - saveChanges = _useElementManager.saveChanges,
242 - deactivateAllUnusedWidgets = _useElementManager.deactivateAllUnusedWidgets,
243 - enableAllWidgets = _useElementManager.enableAllWidgets,
244 - toggleWidget = _useElementManager.toggleWidget,
245 - dismissNotice = _useElementManager.dismissNotice;
246 - var _useWidgetFilters = (0, _hooks.useWidgetFilters)(widgets, widgetsDisabled, getWidgetUsage),
247 - searchKeyword = _useWidgetFilters.searchKeyword,
248 - setSearchKeyword = _useWidgetFilters.setSearchKeyword,
249 - filterByPlugin = _useWidgetFilters.filterByPlugin,
250 - setFilterByPlugin = _useWidgetFilters.setFilterByPlugin,
251 - filterByStatus = _useWidgetFilters.filterByStatus,
252 - setFilterByStatus = _useWidgetFilters.setFilterByStatus,
253 - sortedAndFilteredWidgets = _useWidgetFilters.sortedAndFilteredWidgets,
254 - getSortingIndicatorClasses = _useWidgetFilters.getSortingIndicatorClasses,
255 - onSortingClicked = _useWidgetFilters.onSortingClicked,
256 - setSortByUsage = _useWidgetFilters.setSortByUsage;
257 - var handleScanUsage = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
258 - return _regenerator.default.wrap(function (_context) {
259 - while (1) switch (_context.prev = _context.next) {
260 - case 0:
261 - _context.next = 1;
262 - return scanUsageElements();
263 - case 1:
264 - setSortByUsage();
265 - case 2:
266 - case "end":
267 - return _context.stop();
268 - }
269 - }, _callee);
270 - })), [scanUsageElements, setSortByUsage]);
271 - var handleSaveClick = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
272 - return _regenerator.default.wrap(function (_context2) {
273 - while (1) switch (_context2.prev = _context2.next) {
274 - case 0:
275 - setIsConfirmDialogOpen(false);
276 - _context2.next = 1;
277 - return saveChanges();
278 - case 1:
279 - case "end":
280 - return _context2.stop();
281 - }
282 - }, _callee2);
283 - })), [saveChanges]);
284 - if (isLoading) {
285 - return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
286 - justifyContent: "center",
287 - sx: {
288 - margin: 12
289 - }
290 - }, /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, {
291 - size: 80
292 - }));
293 - }
294 - return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
295 - variant: "body2",
296 - color: "text.secondary",
297 - sx: {
298 - marginBlockEnd: 2.5,
299 - maxWidth: 800
300 - }
301 - }, (0, _i18n.__)('Here\'s where you can fine-tune Elementor to your workflow. Disable elements you don\'t use for a cleaner interface, more focused creative experience, and improved performance.', 'elementor'), ' ', /*#__PURE__*/_react.default.createElement(_ui.Link, {
302 - href: "https://go.elementor.com/wp-dash-element-manager/",
303 - rel: "noreferrer",
304 - target: "_blank",
305 - color: "info.light"
306 - }, (0, _i18n.__)('Learn More', 'elementor'))), noticeData && !noticeData.is_viewed && /*#__PURE__*/_react.default.createElement(_components.NoticeAlert, {
307 - onDismiss: dismissNotice
308 - }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_components.SearchFilters, {
309 - searchKeyword: searchKeyword,
310 - onSearchChange: setSearchKeyword,
311 - filterByPlugin: filterByPlugin,
312 - onPluginFilterChange: setFilterByPlugin,
313 - filterByStatus: filterByStatus,
314 - onStatusFilterChange: setFilterByStatus,
315 - plugins: plugins,
316 - usageIsLoading: usageWidgets.isLoading,
317 - usageData: usageWidgets.data,
318 - widgetsDisabledCount: widgetsDisabled.length,
319 - onScanUsage: handleScanUsage,
320 - onDeactivateUnused: deactivateAllUnusedWidgets,
321 - onEnableAll: enableAllWidgets,
322 - onSaveChanges: function onSaveChanges() {
323 - return setIsConfirmDialogOpen(true);
324 - },
325 - isSaving: changeProgress.isSaving,
326 - hasUnsavedChanges: changeProgress.isUnsavedChanges
327 - }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_components.WidgetsTable, {
328 - widgets: sortedAndFilteredWidgets,
329 - widgetsDisabled: widgetsDisabled,
330 - widgetsRoleRestrictions: widgetsRoleRestrictions,
331 - setWidgetsRoleRestrictions: setWidgetsRoleRestrictions,
332 - roles: roles,
333 - promotionWidgets: promotionWidgets,
334 - promotionData: promotionData,
335 - usageWidgets: usageWidgets,
336 - getWidgetUsage: getWidgetUsage,
337 - onScanUsage: handleScanUsage,
338 - onToggleWidget: toggleWidget,
339 - getSortingIndicatorClasses: getSortingIndicatorClasses,
340 - onSortingClicked: onSortingClicked
341 - })), /*#__PURE__*/_react.default.createElement(_components.PromotionWidgetsTable, {
342 - widgets: promotionWidgets,
343 - promotionData: promotionData
344 - })), /*#__PURE__*/_react.default.createElement(_components.ConfirmDialog, {
345 - isOpen: isConfirmDialogOpen,
346 - onClose: function onClose() {
347 - return setIsConfirmDialogOpen(false);
348 - },
349 - onConfirm: handleSaveClick
350 - }), /*#__PURE__*/_react.default.createElement(_ui.Snackbar, {
351 - open: isSnackbarOpen,
352 - autoHideDuration: 6000,
353 - onClose: function onClose() {
354 - return setIsSnackbarOpen(false);
355 - },
356 - message: (0, _i18n.__)('We saved your changes.', 'elementor'),
357 - anchorOrigin: {
358 - vertical: 'bottom',
359 - horizontal: 'center'
360 - }
361 - }));
362 -};
363 -
364 -/***/ }),
365 -
366 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/ConfirmDialog.js":
367 -/*!***************************************************************************************!*\
368 - !*** ../modules/element-manager/assets/js/app-editor-one/components/ConfirmDialog.js ***!
369 - \***************************************************************************************/
370 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
371 -
372 -"use strict";
373 -
374 -
375 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
376 -Object.defineProperty(exports, "__esModule", ({
377 - value: true
378 -}));
379 -exports.ConfirmDialog = void 0;
380 209 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
381 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
382 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
383 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
384 -var ConfirmDialog = exports.ConfirmDialog = function ConfirmDialog(_ref) {
385 - var isOpen = _ref.isOpen,
386 - onClose = _ref.onClose,
387 - onConfirm = _ref.onConfirm;
388 - return /*#__PURE__*/_react.default.createElement(_ui.Dialog, {
389 - open: isOpen,
390 - onClose: onClose,
391 - maxWidth: "sm"
392 - }, /*#__PURE__*/_react.default.createElement(_ui.DialogTitle, null, (0, _i18n.__)('Sure you want to save these changes?', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.DialogContent, null, /*#__PURE__*/_react.default.createElement(_ui.DialogContentText, null, (0, _i18n.__)('Turning widgets off will hide them from the editor panel, and can potentially affect your layout or front-end.', 'elementor'), /*#__PURE__*/_react.default.createElement(_ui.Box, {
393 - component: "span",
394 - sx: {
395 - display: 'block',
396 - mt: 2.5
397 - }
398 - }, (0, _i18n.__)('If you\'re adding widgets back in, enjoy them!', 'elementor')))), /*#__PURE__*/_react.default.createElement(_ui.DialogActions, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
399 - direction: "row",
400 - gap: 2,
401 - justifyContent: "flex-end"
402 - }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
403 - variant: "outlined",
404 - color: "secondary",
405 - onClick: onClose,
406 - className: "e-id-elementor-element-manager-modal-button-cancel"
407 - }, (0, _i18n.__)('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Button, {
408 - variant: "contained",
409 - onClick: onConfirm,
410 - className: "e-id-elementor-element-manager-modal-button-save"
411 - }, (0, _i18n.__)('Save', 'elementor')))));
412 -};
413 -ConfirmDialog.propTypes = {
414 - isOpen: _propTypes.default.bool.isRequired,
415 - onClose: _propTypes.default.func.isRequired,
416 - onConfirm: _propTypes.default.func.isRequired
417 -};
418 -
419 -/***/ }),
420 -
421 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/NoticeAlert.js":
422 -/*!*************************************************************************************!*\
423 - !*** ../modules/element-manager/assets/js/app-editor-one/components/NoticeAlert.js ***!
424 - \*************************************************************************************/
425 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
426 -
427 -"use strict";
428 -
429 -
430 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
431 -Object.defineProperty(exports, "__esModule", ({
432 - value: true
433 -}));
434 -exports.NoticeAlert = void 0;
435 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
436 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
437 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
438 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
439 -var NoticeAlert = exports.NoticeAlert = function NoticeAlert(_ref) {
440 - var onDismiss = _ref.onDismiss;
441 - return /*#__PURE__*/_react.default.createElement(_ui.Box, {
442 - sx: {
443 - mb: 2
444 - }
445 - }, /*#__PURE__*/_react.default.createElement(_ui.Alert, {
446 - severity: "warning",
447 - onClose: onDismiss
448 - }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
449 - component: "strong",
450 - variant: "body2",
451 - sx: {
452 - fontWeight: 700
453 - }
454 - }, (0, _i18n.__)('Before you continue:', 'elementor')), ' ', (0, _i18n.__)('Deactivating widgets here will remove them from both the Elementor Editor and your website, which can cause changes to your overall layout, design and what visitors see.', 'elementor')));
455 -};
456 -NoticeAlert.propTypes = {
457 - onDismiss: _propTypes.default.func.isRequired
458 -};
459 -
460 -/***/ }),
461 -
462 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/PromotionWidgetsTable.js":
463 -/*!***********************************************************************************************!*\
464 - !*** ../modules/element-manager/assets/js/app-editor-one/components/PromotionWidgetsTable.js ***!
465 - \***********************************************************************************************/
466 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
467 -
468 -"use strict";
469 -
470 -
471 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
472 -Object.defineProperty(exports, "__esModule", ({
473 - value: true
474 -}));
475 -exports.PromotionWidgetsTable = void 0;
476 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
477 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
478 -var _icons = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
479 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
480 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
481 -var _upgradeButton = __webpack_require__(/*! ../../upgrade-button */ "../modules/element-manager/assets/js/upgrade-button.js");
482 -var _RolePermissions = __webpack_require__(/*! ./RolePermissions */ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js");
483 -var PromotionWidgetsTable = exports.PromotionWidgetsTable = function PromotionWidgetsTable(_ref) {
484 - var widgets = _ref.widgets,
485 - promotionData = _ref.promotionData;
486 - var elementManager = promotionData.element_manager;
487 - if (!widgets.length) {
488 - return null;
489 - }
490 - return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
491 - sx: {
492 - mt: 5,
493 - mb: 2.5
494 - }
495 - }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
496 - direction: "row",
497 - justifyContent: "space-between",
498 - alignItems: "center"
499 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
500 - variant: "h6",
501 - component: "h3"
502 - }, (0, _i18n.__)('Elementor Pro Elements', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
503 - variant: "body2",
504 - component: "p"
505 - }, (0, _i18n.__)('Unleash the full power of Elementor\'s features and web creation tools.', 'elementor'))), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
506 - href: elementManager.url,
507 - text: elementManager.text,
508 - className: "e-id-elementor-element-manager-button-upgrade-pro-elements"
509 - })))), /*#__PURE__*/_react.default.createElement(_ui.TableContainer, {
510 - component: _ui.Paper,
511 - variant: "outlined"
512 - }, /*#__PURE__*/_react.default.createElement(_ui.Table, {
513 - size: "small"
514 - }, /*#__PURE__*/_react.default.createElement(_ui.TableHead, null, /*#__PURE__*/_react.default.createElement(_ui.TableRow, null, /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
515 - sx: function sx(theme) {
516 - return {
517 - width: theme.spacing(25)
518 - };
519 - }
520 - }, (0, _i18n.__)('Element', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
521 - sx: function sx(theme) {
522 - return {
523 - width: theme.spacing(10)
524 - };
525 - }
526 - }, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Usage', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
527 - direction: "row",
528 - justifyContent: "flex-start",
529 - alignItems: "center",
530 - gap: 1
531 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
532 - placement: "top",
533 - title: (0, _i18n.__)('Choose which role will have access to a specific widget.', 'elementor')
534 - }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
535 - size: "small"
536 - }, /*#__PURE__*/_react.default.createElement(_icons.HelpIcon, {
537 - fontSize: "small"
538 - })))))))), /*#__PURE__*/_react.default.createElement(_ui.TableBody, null, widgets.map(function (widget) {
539 - return /*#__PURE__*/_react.default.createElement(_ui.TableRow, {
540 - key: widget.name,
541 - hover: true
542 - }, /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
543 - sx: {
544 - display: 'flex',
545 - alignItems: 'center'
546 - }
547 - }, /*#__PURE__*/_react.default.createElement("i", {
548 - style: {
549 - marginInlineEnd: 8
550 - },
551 - className: widget.icon
552 - }), widget.title)), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Switch, {
553 - checked: false,
554 - disabled: true,
555 - size: "small",
556 - "data-id": "e-id-elementor-element-manager-toggle-".concat(widget.name)
557 - })), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Elementor Pro', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_RolePermissions.EditButtonDisabled, {
558 - widgetName: widget.name
559 - })));
560 - })))));
561 -};
562 -PromotionWidgetsTable.propTypes = {
563 - widgets: _propTypes.default.arrayOf(_propTypes.default.shape({
564 - name: _propTypes.default.string.isRequired,
565 - title: _propTypes.default.string.isRequired,
566 - icon: _propTypes.default.string
567 - })).isRequired,
568 - promotionData: _propTypes.default.shape({
569 - element_manager: _propTypes.default.shape({
570 - url: _propTypes.default.string,
571 - text: _propTypes.default.string
572 - })
573 - }).isRequired
574 -};
575 -
576 -/***/ }),
577 -
578 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js":
579 -/*!*****************************************************************************************!*\
580 - !*** ../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js ***!
581 - \*****************************************************************************************/
582 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
583 -
584 -"use strict";
585 -
586 -
587 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
588 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
589 -Object.defineProperty(exports, "__esModule", ({
590 - value: true
591 -}));
592 -exports.RolePermissions = exports.EditButtonDisabled = void 0;
593 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
594 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
595 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
596 -var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
597 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
598 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
599 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
600 -function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
601 -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
602 -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
603 -var toggleRoleRestrictions = function toggleRoleRestrictions(widgetName, roleId, widgetsRoleRestrictions, setWidgetsRoleRestrictions) {
604 - var widgetRoleRestrictions = (0, _toConsumableArray2.default)(widgetsRoleRestrictions[widgetName] || []);
605 - if (widgetRoleRestrictions.includes(roleId)) {
606 - widgetRoleRestrictions.splice(widgetRoleRestrictions.indexOf(roleId), 1);
607 - } else {
608 - widgetRoleRestrictions.push(roleId);
609 - }
610 - setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, widgetRoleRestrictions)));
611 -};
612 -var RolesList = function RolesList(_ref) {
613 - var roles = _ref.roles,
614 - widgetRoleRestrictions = _ref.widgetRoleRestrictions;
615 - var rolesEnabled = roles.filter(function (role) {
616 - return !widgetRoleRestrictions.includes(role.id);
617 - });
618 - if (!rolesEnabled.length) {
619 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
620 - component: "span",
621 - variant: "body2",
622 - color: "text.primary"
623 - }, "(", (0, _i18n.__)('Admin', 'elementor'), ")");
624 - }
625 - if (rolesEnabled.length === roles.length) {
626 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
627 - component: "span",
628 - variant: "body2",
629 - color: "text.primary"
630 - }, "(", (0, _i18n.__)('All Roles', 'elementor'), ")");
631 - }
632 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
633 - component: "span",
634 - variant: "body2",
635 - color: "text.primary"
636 - }, "(", rolesEnabled.map(function (role) {
637 - return role.name;
638 - }).join(', '), ")");
639 -};
640 -RolesList.propTypes = {
641 - roles: _propTypes.default.arrayOf(_propTypes.default.shape({
642 - id: _propTypes.default.string.isRequired,
643 - name: _propTypes.default.string.isRequired
644 - })).isRequired,
645 - widgetRoleRestrictions: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
646 -};
647 -var RolePermissions = exports.RolePermissions = function RolePermissions(_ref2) {
648 - var roles = _ref2.roles,
649 - widgetName = _ref2.widgetName,
650 - widgetsRoleRestrictions = _ref2.widgetsRoleRestrictions,
651 - setWidgetsRoleRestrictions = _ref2.setWidgetsRoleRestrictions;
652 - var _useState = (0, _react.useState)(null),
653 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
654 - anchorEl = _useState2[0],
655 - setAnchorEl = _useState2[1];
656 - var isOpen = Boolean(anchorEl);
657 - var widgetRoleRestrictions = widgetsRoleRestrictions[widgetName] || [];
658 - var handleClick = (0, _react.useCallback)(function (event) {
659 - setAnchorEl(event.currentTarget);
660 - }, []);
661 - var handleClose = (0, _react.useCallback)(function () {
662 - setAnchorEl(null);
663 - }, []);
664 - var isAllChecked = roles.every(function (role) {
665 - return !widgetRoleRestrictions.includes(role.id);
666 - });
667 - var isIndeterminate = !isAllChecked && roles.some(function (role) {
668 - return !widgetRoleRestrictions.includes(role.id);
669 - });
670 - var handleAllChange = (0, _react.useCallback)(function (event) {
671 - if (event.target.checked) {
672 - setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, [])));
673 - } else {
674 - setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, roles.map(function (role) {
675 - return role.id;
676 - }))));
677 - }
678 - }, [widgetName, widgetsRoleRestrictions, setWidgetsRoleRestrictions, roles]);
679 - return /*#__PURE__*/_react.default.createElement(_ui.Box, {
680 - sx: {
681 - display: 'inline-flex',
682 - alignItems: 'center',
683 - gap: 0.5
684 - }
685 - }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
686 - variant: "text",
687 - color: "secondary",
688 - size: "small",
689 - onClick: handleClick,
690 - "aria-expanded": isOpen,
691 - "aria-haspopup": "true",
692 - className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
693 - }, (0, _i18n.__)('Edit', 'elementor')), /*#__PURE__*/_react.default.createElement(RolesList, {
694 - roles: roles,
695 - widgetRoleRestrictions: widgetRoleRestrictions
696 - }), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
697 - anchorEl: anchorEl,
698 - open: isOpen,
699 - onClose: handleClose,
700 - anchorOrigin: {
701 - vertical: 'bottom',
702 - horizontal: 'left'
703 - },
704 - transformOrigin: {
705 - vertical: 'top',
706 - horizontal: 'left'
707 - }
708 - }, /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
709 - sx: {
710 - py: 0.5
711 - }
712 - }, /*#__PURE__*/_react.default.createElement(_ui.FormControlLabel, {
713 - control: /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
714 - checked: isAllChecked,
715 - indeterminate: isIndeterminate,
716 - onChange: handleAllChange,
717 - size: "small",
718 - color: "secondary"
719 - }),
720 - label: (0, _i18n.__)('All', 'elementor')
721 - })), roles.map(function (role) {
722 - return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
723 - key: role.id,
724 - sx: {
725 - py: 0.5
726 - }
727 - }, /*#__PURE__*/_react.default.createElement(_ui.FormControlLabel, {
728 - control: /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
729 - color: "secondary",
730 - checked: !widgetRoleRestrictions.includes(role.id),
731 - onChange: function onChange() {
732 - toggleRoleRestrictions(widgetName, role.id, widgetsRoleRestrictions, setWidgetsRoleRestrictions);
733 - },
734 - size: "small"
735 - }),
736 - label: role.name
737 - }));
738 - })));
739 -};
740 -RolePermissions.propTypes = {
741 - roles: _propTypes.default.arrayOf(_propTypes.default.shape({
742 - id: _propTypes.default.string.isRequired,
743 - name: _propTypes.default.string.isRequired
744 - })).isRequired,
745 - widgetName: _propTypes.default.string.isRequired,
746 - widgetsRoleRestrictions: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]).isRequired,
747 - setWidgetsRoleRestrictions: _propTypes.default.func.isRequired
748 -};
749 -var EditButtonDisabled = exports.EditButtonDisabled = function EditButtonDisabled(_ref3) {
750 - var _ref3$widgetName = _ref3.widgetName,
751 - widgetName = _ref3$widgetName === void 0 ? 'unknown' : _ref3$widgetName;
752 - return /*#__PURE__*/_react.default.createElement(_ui.Button, {
753 - variant: "text",
754 - color: "secondary",
755 - size: "small",
756 - disabled: true,
757 - className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
758 - }, (0, _i18n.__)('Edit', 'elementor'));
759 -};
760 -EditButtonDisabled.propTypes = {
761 - widgetName: _propTypes.default.string
762 -};
763 -
764 -/***/ }),
765 -
766 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/SearchFilters.js":
767 -/*!***************************************************************************************!*\
768 - !*** ../modules/element-manager/assets/js/app-editor-one/components/SearchFilters.js ***!
769 - \***************************************************************************************/
770 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
771 -
772 -"use strict";
773 -
774 -
775 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
776 -Object.defineProperty(exports, "__esModule", ({
777 - value: true
778 -}));
779 -exports.SearchFilters = void 0;
780 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
781 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
782 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
783 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
784 -var FIELD_HEIGHT = 28;
785 -var FONT_SIZE = 12;
786 -var ICON_SIZE = 16;
787 -var StyledTextField = (0, _ui.styled)(_ui.TextField)({
788 - '& .MuiInputBase-root': {
789 - height: FIELD_HEIGHT,
790 - fontSize: FONT_SIZE
791 - }
792 -});
793 -var StyledFormControl = (0, _ui.styled)(_ui.FormControl)({
794 - '& .MuiInputBase-root': {
795 - height: FIELD_HEIGHT,
796 - fontSize: FONT_SIZE
797 - },
798 - '& .MuiSelect-icon': {
799 - width: ICON_SIZE,
800 - height: ICON_SIZE,
801 - top: 'calc(50% - 8px)'
802 - }
803 -});
804 -var StyledButton = (0, _ui.styled)(_ui.Button)({
805 - height: FIELD_HEIGHT,
806 - fontSize: FONT_SIZE,
807 - minWidth: 'auto',
808 - whiteSpace: 'nowrap'
809 -});
810 -var SearchFilters = exports.SearchFilters = function SearchFilters(_ref) {
811 - var searchKeyword = _ref.searchKeyword,
812 - onSearchChange = _ref.onSearchChange,
813 - filterByPlugin = _ref.filterByPlugin,
814 - onPluginFilterChange = _ref.onPluginFilterChange,
815 - filterByStatus = _ref.filterByStatus,
816 - onStatusFilterChange = _ref.onStatusFilterChange,
817 - plugins = _ref.plugins,
818 - usageIsLoading = _ref.usageIsLoading,
819 - usageData = _ref.usageData,
820 - widgetsDisabledCount = _ref.widgetsDisabledCount,
821 - onScanUsage = _ref.onScanUsage,
822 - onDeactivateUnused = _ref.onDeactivateUnused,
823 - onEnableAll = _ref.onEnableAll,
824 - onSaveChanges = _ref.onSaveChanges,
825 - isSaving = _ref.isSaving,
826 - hasUnsavedChanges = _ref.hasUnsavedChanges;
827 - return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
828 - direction: {
829 - xs: 'column',
830 - sm: 'row'
831 - },
832 - alignItems: {
833 - xs: 'stretch',
834 - sm: 'flex-start'
835 - },
836 - gap: 1.5,
837 - sx: function sx(theme) {
838 - return {
839 - position: 'sticky',
840 - top: theme.spacing(10),
841 - backgroundColor: 'var(--e-one-palette-background-default)',
842 - zIndex: 10,
843 - paddingBlock: 2,
844 - paddingInline: 2,
845 - boxShadow: 'rgba(0, 0, 0, 0.15) 0 5px 10px 0',
846 - marginBottom: theme.spacing(1)
847 - };
848 - }
849 - }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
850 - direction: "row",
851 - alignItems: "center",
852 - flexWrap: "wrap",
853 - gap: 1.5,
854 - sx: {
855 - flex: 1
856 - }
857 - }, /*#__PURE__*/_react.default.createElement(StyledTextField, {
858 - color: "secondary",
859 - value: searchKeyword,
860 - size: "small",
861 - placeholder: (0, _i18n.__)('Search', 'elementor'),
862 - onChange: function onChange(e) {
863 - return onSearchChange(e.target.value);
864 - },
865 - sx: function sx(theme) {
866 - return {
867 - minWidth: theme.spacing(14)
868 - };
869 - }
870 - }), /*#__PURE__*/_react.default.createElement(StyledFormControl, {
871 - size: "small",
872 - sx: function sx(theme) {
873 - return {
874 - width: theme.spacing(20)
875 - };
876 - },
877 - color: "secondary"
878 - }, /*#__PURE__*/_react.default.createElement(_ui.Select, {
879 - placeholder: (0, _i18n.__)('Plugin', 'elementor'),
880 - value: filterByPlugin,
881 - onChange: function onChange(event) {
882 - return onPluginFilterChange(event.target.value);
883 - },
884 - "data-id": "elementor-element-manager-select-filter-by-plugin",
885 - displayEmpty: true,
886 - renderValue: function renderValue(value) {
887 - if ('' === value) {
888 - return (0, _i18n.__)('All Plugins', 'elementor');
889 - }
890 - var selectedPlugin = plugins.find(function (p) {
891 - return p.value === value;
892 - });
893 - return selectedPlugin ? selectedPlugin.label : value;
894 - }
895 - }, /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
896 - value: ""
897 - }, (0, _i18n.__)('All Plugins', 'elementor')), plugins.map(function (plugin) {
898 - return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
899 - key: plugin.value,
900 - value: plugin.value
901 - }, plugin.label);
902 - }))), /*#__PURE__*/_react.default.createElement(StyledFormControl, {
903 - size: "small",
904 - sx: function sx(theme) {
905 - return {
906 - width: theme.spacing(20)
907 - };
908 - },
909 - color: "secondary"
910 - }, /*#__PURE__*/_react.default.createElement(_ui.Select, {
911 - value: filterByStatus,
912 - onChange: function onChange(event) {
913 - return onStatusFilterChange(event.target.value);
914 - },
915 - "data-id": "elementor-element-manager-select-filter-by-status",
916 - placeholder: (0, _i18n.__)('Status', 'elementor')
917 - }, /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
918 - value: "all"
919 - }, (0, _i18n.__)('All Statuses', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
920 - value: "active"
921 - }, (0, _i18n.__)('Active', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
922 - value: "inactive"
923 - }, (0, _i18n.__)('Inactive', 'elementor')))), /*#__PURE__*/_react.default.createElement(_ui.Divider, {
924 - orientation: "vertical",
925 - flexItem: true,
926 - sx: {
927 - height: FIELD_HEIGHT,
928 - marginBlock: 0,
929 - marginInline: 0.5,
930 - alignSelf: 'center',
931 - display: {
932 - xs: 'none',
933 - md: 'block'
934 - }
935 - }
936 - }), /*#__PURE__*/_react.default.createElement(StyledButton, {
937 - variant: "outlined",
938 - color: "secondary",
939 - size: "small",
940 - disabled: usageIsLoading,
941 - onClick: onScanUsage,
942 - "data-id": "e-id-elementor-element-manager-button-scan-element-usage",
943 - loading: usageIsLoading
944 - }, (0, _i18n.__)('Scan Element Usage', 'elementor')), /*#__PURE__*/_react.default.createElement(StyledButton, {
945 - variant: "outlined",
946 - color: "secondary",
947 - size: "small",
948 - onClick: onDeactivateUnused,
949 - disabled: null === usageData,
950 - "data-id": "e-id-elementor-element-manager-button-deactivate-unused-elements"
951 - }, (0, _i18n.__)('Deactivate Unused Elements', 'elementor')), /*#__PURE__*/_react.default.createElement(StyledButton, {
952 - variant: "outlined",
953 - color: "secondary",
954 - size: "small",
955 - disabled: !widgetsDisabledCount,
956 - onClick: onEnableAll,
957 - "data-id": "e-id-elementor-element-manager-button-enable-all"
958 - }, (0, _i18n.__)('Enable All', 'elementor'))), /*#__PURE__*/_react.default.createElement(StyledButton, {
959 - variant: "contained",
960 - size: "small",
961 - disabled: isSaving || !hasUnsavedChanges,
962 - onClick: onSaveChanges,
963 - "data-id": "e-id-elementor-element-manager-button-save-changes",
964 - loading: isSaving,
965 - sx: {
966 - alignSelf: 'flex-start'
967 - }
968 - }, (0, _i18n.__)('Save Changes', 'elementor')));
969 -};
970 -SearchFilters.propTypes = {
971 - searchKeyword: _propTypes.default.string.isRequired,
972 - onSearchChange: _propTypes.default.func.isRequired,
973 - filterByPlugin: _propTypes.default.string.isRequired,
974 - onPluginFilterChange: _propTypes.default.func.isRequired,
975 - filterByStatus: _propTypes.default.string.isRequired,
976 - onStatusFilterChange: _propTypes.default.func.isRequired,
977 - plugins: _propTypes.default.arrayOf(_propTypes.default.shape({
978 - label: _propTypes.default.string.isRequired,
979 - value: _propTypes.default.string.isRequired
980 - })).isRequired,
981 - usageIsLoading: _propTypes.default.bool,
982 - usageData: _propTypes.default.object,
983 - widgetsDisabledCount: _propTypes.default.number.isRequired,
984 - onScanUsage: _propTypes.default.func.isRequired,
985 - onDeactivateUnused: _propTypes.default.func.isRequired,
986 - onEnableAll: _propTypes.default.func.isRequired,
987 - onSaveChanges: _propTypes.default.func.isRequired,
988 - isSaving: _propTypes.default.bool,
989 - hasUnsavedChanges: _propTypes.default.bool
990 -};
991 -
992 -/***/ }),
993 -
994 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js":
995 -/*!******************************************************************************************!*\
996 - !*** ../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js ***!
997 - \******************************************************************************************/
998 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
999 -
1000 -"use strict";
1001 -
1002 -
1003 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1004 -Object.defineProperty(exports, "__esModule", ({
1005 - value: true
1006 -}));
1007 -exports.UsageTimesColumn = void 0;
1008 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1009 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1010 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1011 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1012 -var UsageTimesColumn = exports.UsageTimesColumn = function UsageTimesColumn(_ref) {
1013 - var widgetName = _ref.widgetName,
1014 - usageData = _ref.usageData,
1015 - isLoading = _ref.isLoading,
1016 - getWidgetUsage = _ref.getWidgetUsage,
1017 - onScanClick = _ref.onScanClick;
1018 - if (null !== usageData) {
1019 - return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getWidgetUsage(widgetName), " ", (0, _i18n.__)('times', 'elementor'));
1020 - }
1021 - if (isLoading) {
1022 - return /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, {
1023 - color: "secondary",
1024 - size: 20
1025 - });
1026 - }
1027 - return /*#__PURE__*/_react.default.createElement(_ui.Button, {
1028 - onClick: onScanClick,
1029 - size: "small",
1030 - variant: "outlined",
1031 - color: "secondary",
1032 - className: "e-id-elementor-element-manager-button-show-usage",
1033 - sx: {
1034 - minWidth: function minWidth(theme) {
1035 - return theme.spacing(6);
1036 - },
1037 - height: 26
1038 - }
1039 - }, (0, _i18n.__)('Show', 'elementor'));
1040 -};
1041 -UsageTimesColumn.propTypes = {
1042 - widgetName: _propTypes.default.string.isRequired,
1043 - usageData: _propTypes.default.object,
1044 - isLoading: _propTypes.default.bool,
1045 - getWidgetUsage: _propTypes.default.func.isRequired,
1046 - onScanClick: _propTypes.default.func.isRequired
1047 -};
1048 -
1049 -/***/ }),
1050 -
1051 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/WidgetsTable.js":
1052 -/*!**************************************************************************************!*\
1053 - !*** ../modules/element-manager/assets/js/app-editor-one/components/WidgetsTable.js ***!
1054 - \**************************************************************************************/
1055 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1056 -
1057 -"use strict";
1058 -
1059 -
1060 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1061 -Object.defineProperty(exports, "__esModule", ({
1062 - value: true
1063 -}));
1064 -exports.WidgetsTable = void 0;
1065 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1066 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1067 -var _icons = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1068 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1069 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1070 -var _upgradeButton = __webpack_require__(/*! ../../upgrade-button */ "../modules/element-manager/assets/js/upgrade-button.js");
1071 -var _RolePermissions = __webpack_require__(/*! ./RolePermissions */ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js");
1072 -var _UsageTimesColumn = __webpack_require__(/*! ./UsageTimesColumn */ "../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js");
1073 -var StyledSwitch = (0, _ui.styled)(_ui.Switch)({
1074 - '& .MuiSwitch-track': {
1075 - backgroundColor: 'rgba(0, 0, 0, 0.12);'
1076 - },
1077 - '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
1078 - backgroundColor: '#000'
1079 - },
1080 - '& .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb': {
1081 - backgroundColor: '#D5D8DC'
1082 - },
1083 - '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {
1084 - backgroundColor: '#fff'
1085 - }
1086 -});
1087 -var WidgetsTable = exports.WidgetsTable = function WidgetsTable(_ref) {
1088 - var widgets = _ref.widgets,
1089 - widgetsDisabled = _ref.widgetsDisabled,
1090 - widgetsRoleRestrictions = _ref.widgetsRoleRestrictions,
1091 - setWidgetsRoleRestrictions = _ref.setWidgetsRoleRestrictions,
1092 - roles = _ref.roles,
1093 - promotionWidgets = _ref.promotionWidgets,
1094 - promotionData = _ref.promotionData,
1095 - usageWidgets = _ref.usageWidgets,
1096 - getWidgetUsage = _ref.getWidgetUsage,
1097 - onScanUsage = _ref.onScanUsage,
1098 - onToggleWidget = _ref.onToggleWidget,
1099 - getSortingIndicatorClasses = _ref.getSortingIndicatorClasses,
1100 - onSortingClicked = _ref.onSortingClicked;
1101 - var managerPermissions = promotionData.manager_permissions;
1102 - var sortingClasses = getSortingIndicatorClasses('widget');
1103 - var isWidgetSorted = sortingClasses.includes('sorted');
1104 - var widgetSortDirection = sortingClasses.includes('asc') ? 'asc' : 'desc';
1105 - var usageSortingClasses = getSortingIndicatorClasses('usage');
1106 - var isUsageSorted = usageSortingClasses.includes('sorted');
1107 - var usageSortDirection = usageSortingClasses.includes('asc') ? 'asc' : 'desc';
1108 - if (!widgets.length) {
1109 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
1110 - color: "text.secondary"
1111 - }, (0, _i18n.__)('No elements found.', 'elementor'));
1112 - }
1113 - return /*#__PURE__*/_react.default.createElement(_ui.TableContainer, {
1114 - component: _ui.Paper,
1115 - variant: "outlined"
1116 - }, /*#__PURE__*/_react.default.createElement(_ui.Table, {
1117 - size: "small"
1118 - }, /*#__PURE__*/_react.default.createElement(_ui.TableHead, null, /*#__PURE__*/_react.default.createElement(_ui.TableRow, null, /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
1119 - sx: function sx(theme) {
1120 - return {
1121 - width: theme.spacing(25)
1122 - };
1123 - }
1124 - }, /*#__PURE__*/_react.default.createElement(_ui.TableSortLabel, {
1125 - active: isWidgetSorted,
1126 - direction: isWidgetSorted ? widgetSortDirection : 'asc',
1127 - onClick: function onClick() {
1128 - return onSortingClicked('widget');
1129 - },
1130 - "data-id": "e-id-elementor-element-manager-button-sort-by-element"
1131 - }, (0, _i18n.__)('Element', 'elementor'))), /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
1132 - sx: function sx(theme) {
1133 - return {
1134 - width: theme.spacing(10)
1135 - };
1136 - }
1137 - }, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.TableSortLabel, {
1138 - active: isUsageSorted,
1139 - direction: isUsageSorted ? usageSortDirection : 'asc',
1140 - onClick: function onClick() {
1141 - return onSortingClicked('usage');
1142 - },
1143 - "data-id": "e-id-elementor-element-manager-button-sort-by-usage"
1144 - }, (0, _i18n.__)('Usage', 'elementor'))), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
1145 - direction: "row",
1146 - justifyContent: "flex-start",
1147 - alignItems: "center",
1148 - gap: 1
1149 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
1150 - placement: "top",
1151 - title: (0, _i18n.__)('Choose which users will have access to each widget.', 'elementor')
1152 - }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
1153 - size: "small"
1154 - }, /*#__PURE__*/_react.default.createElement(_icons.HelpIcon, {
1155 - fontSize: "small"
1156 - })))), null === widgetsRoleRestrictions && /*#__PURE__*/_react.default.createElement(_ui.Box, {
1157 - sx: {
1158 - marginInlineStart: 1
1159 - }
1160 - }, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
1161 - href: promotionWidgets.length ? managerPermissions.pro.url : managerPermissions.advanced.url,
1162 - size: "small",
1163 - text: promotionWidgets.length ? managerPermissions.pro.text : managerPermissions.advanced.text,
1164 - className: "go-pro",
1165 - "data-id": "e-id-elementor-element-manager-button-upgrade-permissions"
1166 - })))))), /*#__PURE__*/_react.default.createElement(_ui.TableBody, null, widgets.map(function (widget) {
1167 - return /*#__PURE__*/_react.default.createElement(_ui.TableRow, {
1168 - key: widget.name,
1169 - "data-key-id": widget.name,
1170 - hover: true
1171 - }, /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
1172 - sx: {
1173 - display: 'flex',
1174 - alignItems: 'center'
1175 - }
1176 - }, /*#__PURE__*/_react.default.createElement("i", {
1177 - style: {
1178 - marginInlineEnd: 8,
1179 - marginInlineStart: 0,
1180 - display: 'inline-block'
1181 - },
1182 - className: widget.icon
1183 - }), widget.title)), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(StyledSwitch, {
1184 - color: "secondary",
1185 - checked: !widgetsDisabled.includes(widget.name),
1186 - onChange: function onChange(event, checked) {
1187 - return onToggleWidget(widget.name, checked);
1188 - },
1189 - size: "small",
1190 - "data-id": "e-id-elementor-element-manager-toggle-".concat(widget.name)
1191 - })), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_UsageTimesColumn.UsageTimesColumn, {
1192 - widgetName: widget.name,
1193 - usageData: usageWidgets.data,
1194 - isLoading: usageWidgets.isLoading,
1195 - getWidgetUsage: getWidgetUsage,
1196 - onScanClick: onScanUsage
1197 - })), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, widget.plugin), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, null !== widgetsRoleRestrictions && !widgetsDisabled.includes(widget.name) ? /*#__PURE__*/_react.default.createElement(_RolePermissions.RolePermissions, {
1198 - widgetName: widget.name,
1199 - roles: roles,
1200 - widgetsRoleRestrictions: widgetsRoleRestrictions,
1201 - setWidgetsRoleRestrictions: setWidgetsRoleRestrictions
1202 - }) : /*#__PURE__*/_react.default.createElement(_RolePermissions.EditButtonDisabled, null)));
1203 - }))));
1204 -};
1205 -var widgetShape = _propTypes.default.shape({
1206 - name: _propTypes.default.string.isRequired,
1207 - title: _propTypes.default.string.isRequired,
1208 - icon: _propTypes.default.string,
1209 - plugin: _propTypes.default.string
1210 -});
1211 -WidgetsTable.propTypes = {
1212 - widgets: _propTypes.default.arrayOf(widgetShape).isRequired,
1213 - widgetsDisabled: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
1214 - widgetsRoleRestrictions: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
1215 - setWidgetsRoleRestrictions: _propTypes.default.func.isRequired,
1216 - roles: _propTypes.default.array.isRequired,
1217 - promotionWidgets: _propTypes.default.arrayOf(widgetShape).isRequired,
1218 - promotionData: _propTypes.default.shape({
1219 - manager_permissions: _propTypes.default.shape({
1220 - pro: _propTypes.default.shape({
1221 - url: _propTypes.default.string,
1222 - text: _propTypes.default.string
1223 - }),
1224 - advanced: _propTypes.default.shape({
1225 - url: _propTypes.default.string,
1226 - text: _propTypes.default.string
1227 - })
1228 - })
1229 - }).isRequired,
1230 - usageWidgets: _propTypes.default.shape({
1231 - isLoading: _propTypes.default.bool,
1232 - data: _propTypes.default.object
1233 - }).isRequired,
1234 - getWidgetUsage: _propTypes.default.func.isRequired,
1235 - onScanUsage: _propTypes.default.func.isRequired,
1236 - onToggleWidget: _propTypes.default.func.isRequired,
1237 - getSortingIndicatorClasses: _propTypes.default.func.isRequired,
1238 - onSortingClicked: _propTypes.default.func.isRequired
1239 -};
1240 -
1241 -/***/ }),
1242 -
1243 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/index.js":
1244 -/*!*******************************************************************************!*\
1245 - !*** ../modules/element-manager/assets/js/app-editor-one/components/index.js ***!
1246 - \*******************************************************************************/
1247 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1248 -
1249 -"use strict";
1250 -
1251 -
1252 -Object.defineProperty(exports, "__esModule", ({
1253 - value: true
1254 -}));
1255 -Object.defineProperty(exports, "ConfirmDialog", ({
1256 - enumerable: true,
1257 - get: function get() {
1258 - return _ConfirmDialog.ConfirmDialog;
1259 - }
1260 -}));
1261 -Object.defineProperty(exports, "EditButtonDisabled", ({
1262 - enumerable: true,
1263 - get: function get() {
1264 - return _RolePermissions.EditButtonDisabled;
1265 - }
1266 -}));
1267 -Object.defineProperty(exports, "NoticeAlert", ({
1268 - enumerable: true,
1269 - get: function get() {
1270 - return _NoticeAlert.NoticeAlert;
1271 - }
1272 -}));
1273 -Object.defineProperty(exports, "PromotionWidgetsTable", ({
1274 - enumerable: true,
1275 - get: function get() {
1276 - return _PromotionWidgetsTable.PromotionWidgetsTable;
1277 - }
1278 -}));
1279 -Object.defineProperty(exports, "RolePermissions", ({
1280 - enumerable: true,
1281 - get: function get() {
1282 - return _RolePermissions.RolePermissions;
1283 - }
1284 -}));
1285 -Object.defineProperty(exports, "SearchFilters", ({
1286 - enumerable: true,
1287 - get: function get() {
1288 - return _SearchFilters.SearchFilters;
1289 - }
1290 -}));
1291 -Object.defineProperty(exports, "UsageTimesColumn", ({
1292 - enumerable: true,
1293 - get: function get() {
1294 - return _UsageTimesColumn.UsageTimesColumn;
1295 - }
1296 -}));
1297 -Object.defineProperty(exports, "WidgetsTable", ({
1298 - enumerable: true,
1299 - get: function get() {
1300 - return _WidgetsTable.WidgetsTable;
1301 - }
1302 -}));
1303 -var _UsageTimesColumn = __webpack_require__(/*! ./UsageTimesColumn */ "../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js");
1304 -var _NoticeAlert = __webpack_require__(/*! ./NoticeAlert */ "../modules/element-manager/assets/js/app-editor-one/components/NoticeAlert.js");
1305 -var _ConfirmDialog = __webpack_require__(/*! ./ConfirmDialog */ "../modules/element-manager/assets/js/app-editor-one/components/ConfirmDialog.js");
1306 -var _SearchFilters = __webpack_require__(/*! ./SearchFilters */ "../modules/element-manager/assets/js/app-editor-one/components/SearchFilters.js");
1307 -var _WidgetsTable = __webpack_require__(/*! ./WidgetsTable */ "../modules/element-manager/assets/js/app-editor-one/components/WidgetsTable.js");
1308 -var _PromotionWidgetsTable = __webpack_require__(/*! ./PromotionWidgetsTable */ "../modules/element-manager/assets/js/app-editor-one/components/PromotionWidgetsTable.js");
1309 -var _RolePermissions = __webpack_require__(/*! ./RolePermissions */ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js");
1310 -
1311 -/***/ }),
1312 -
1313 -/***/ "../modules/element-manager/assets/js/app-editor-one/hooks/index.js":
1314 -/*!**************************************************************************!*\
1315 - !*** ../modules/element-manager/assets/js/app-editor-one/hooks/index.js ***!
1316 - \**************************************************************************/
1317 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1318 -
1319 -"use strict";
1320 -
1321 -
1322 -Object.defineProperty(exports, "__esModule", ({
1323 - value: true
1324 -}));
1325 -Object.defineProperty(exports, "useElementManager", ({
1326 - enumerable: true,
1327 - get: function get() {
1328 - return _useElementManager.useElementManager;
1329 - }
1330 -}));
1331 -Object.defineProperty(exports, "useWidgetFilters", ({
1332 - enumerable: true,
1333 - get: function get() {
1334 - return _useWidgetFilters.useWidgetFilters;
1335 - }
1336 -}));
1337 -var _useElementManager = __webpack_require__(/*! ./useElementManager */ "../modules/element-manager/assets/js/app-editor-one/hooks/useElementManager.js");
1338 -var _useWidgetFilters = __webpack_require__(/*! ./useWidgetFilters */ "../modules/element-manager/assets/js/app-editor-one/hooks/useWidgetFilters.js");
1339 -
1340 -/***/ }),
1341 -
1342 -/***/ "../modules/element-manager/assets/js/app-editor-one/hooks/useElementManager.js":
1343 -/*!**************************************************************************************!*\
1344 - !*** ../modules/element-manager/assets/js/app-editor-one/hooks/useElementManager.js ***!
1345 - \**************************************************************************************/
1346 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1347 -
1348 -"use strict";
1349 -
1350 -
1351 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1352 -Object.defineProperty(exports, "__esModule", ({
1353 - value: true
1354 -}));
1355 -exports.useElementManager = void 0;
1356 210 var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
1357 211 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1358 212 var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1359 213 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
1360 214 var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1361 -var _react = __webpack_require__(/*! react */ "react");
1362 -var _api = __webpack_require__(/*! ../../api */ "../modules/element-manager/assets/js/api.js");
215 +var _element = __webpack_require__(/*! @wordpress/element */ "../node_modules/@wordpress/element/build-module/index.js");
216 +var _components = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
217 +var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
218 +var _upgradeButton = __webpack_require__(/*! ./upgrade-button */ "../modules/element-manager/assets/js/upgrade-button.js");
219 +var _api = __webpack_require__(/*! ./api */ "../modules/element-manager/assets/js/api.js");
220 +var _rolePermissions = __webpack_require__(/*! ./role-permissions */ "../modules/element-manager/assets/js/role-permissions.js");
1363 221 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1364 -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1365 -var useElementManager = exports.useElementManager = function useElementManager() {
1366 - var isInitialMount = (0, _react.useRef)(true);
1367 - var _useState = (0, _react.useState)(true),
222 +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable react/prop-types */
223 +var App = exports.App = function App() {
224 + var _useState = (0, _element.useState)(true),
1368 225 _useState2 = (0, _slicedToArray2.default)(_useState, 2),
1369 226 isLoading = _useState2[0],
1370 227 setIsLoading = _useState2[1];
1371 - var _useState3 = (0, _react.useState)([]),
228 + var _useState3 = (0, _element.useState)(''),
1372 229 _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
1373 - widgets = _useState4[0],
1374 - setWidgets = _useState4[1];
1375 - var _useState5 = (0, _react.useState)([]),
230 + searchKeyword = _useState4[0],
231 + setSearchKeyword = _useState4[1];
232 + var _useState5 = (0, _element.useState)([]),
1376 233 _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
1377 - promotionWidgets = _useState6[0],
1378 - setPromotionWidgets = _useState6[1];
1379 - var _useState7 = (0, _react.useState)([]),
234 + widgets = _useState6[0],
235 + setWidgets = _useState6[1];
236 + var _useState7 = (0, _element.useState)([]),
1380 237 _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
1381 - plugins = _useState8[0],
1382 - setPlugins = _useState8[1];
1383 - var _useState9 = (0, _react.useState)([]),
238 + promotionWidgets = _useState8[0],
239 + setPromotionWidgets = _useState8[1];
240 + var _useState9 = (0, _element.useState)([]),
1384 241 _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
1385 - roles = _useState0[0],
1386 - setRoles = _useState0[1];
1387 - var _useState1 = (0, _react.useState)([]),
242 + plugins = _useState0[0],
243 + setPlugins = _useState0[1];
244 + var _useState1 = (0, _element.useState)([]),
1388 245 _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
1389 - widgetsDisabled = _useState10[0],
1390 - setWidgetsDisabled = _useState10[1];
1391 - var _useState11 = (0, _react.useState)(null),
246 + roles = _useState10[0],
247 + setRoles = _useState10[1];
248 + var _useState11 = (0, _element.useState)({
249 + isLoading: false,
250 + data: null
251 + }),
1392 252 _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
1393 - widgetsRoleRestrictions = _useState12[0],
1394 - setWidgetsRoleRestrictions = _useState12[1];
1395 - var _useState13 = (0, _react.useState)([]),
253 + usageWidgets = _useState12[0],
254 + setUsageWidgets = _useState12[1];
255 + var _useState13 = (0, _element.useState)([]),
1396 256 _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
1397 - promotionData = _useState14[0],
1398 - setPromotionData = _useState14[1];
1399 - var _useState15 = (0, _react.useState)(null),
257 + widgetsDisabled = _useState14[0],
258 + setWidgetsDisabled = _useState14[1];
259 + var _useState15 = (0, _element.useState)('widget'),
1400 260 _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
1401 - noticeData = _useState16[0],
1402 - setNoticeData = _useState16[1];
1403 - var _useState17 = (0, _react.useState)({
1404 - isLoading: false,
1405 - data: null
1406 - }),
261 + sortingColumn = _useState16[0],
262 + setSortingColumn = _useState16[1];
263 + var _useState17 = (0, _element.useState)('asc'),
1407 264 _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
1408 - usageWidgets = _useState18[0],
1409 - setUsageWidgets = _useState18[1];
1410 - var _useState19 = (0, _react.useState)({
265 + sortingDirection = _useState18[0],
266 + setSortingDirection = _useState18[1];
267 + var _useState19 = (0, _element.useState)(''),
268 + _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
269 + filterByPlugin = _useState20[0],
270 + setFilterByPlugin = _useState20[1];
271 + var _useState21 = (0, _element.useState)('all'),
272 + _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
273 + filterByStatus = _useState22[0],
274 + setFilterByStatus = _useState22[1];
275 + var _useState23 = (0, _element.useState)({
1411 276 isSaving: false,
1412 277 isUnsavedChanges: false
1413 278 }),
1414 - _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
1415 - changeProgress = _useState20[0],
1416 - setChangeProgress = _useState20[1];
1417 - var _useState21 = (0, _react.useState)(false),
1418 - _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
1419 - isSnackbarOpen = _useState22[0],
1420 - setIsSnackbarOpen = _useState22[1];
1421 - var getWidgetUsage = (0, _react.useCallback)(function (widgetName) {
279 + _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
280 + changeProgress = _useState24[0],
281 + setChangeProgress = _useState24[1];
282 + var _useState25 = (0, _element.useState)(false),
283 + _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
284 + isConfirmDialogOpen = _useState26[0],
285 + setIsConfirmDialogOpen = _useState26[1];
286 + var _useState27 = (0, _element.useState)(false),
287 + _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
288 + isSnackbarOpen = _useState28[0],
289 + setIsSnackbarOpen = _useState28[1];
290 + var _useState29 = (0, _element.useState)(null),
291 + _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
292 + noticeData = _useState30[0],
293 + setNoticeData = _useState30[1];
294 + var _useState31 = (0, _element.useState)(null),
295 + _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
296 + widgetsRoleRestrictions = _useState32[0],
297 + setWidgetsRoleRestrictions = _useState32[1];
298 + var _useState33 = (0, _element.useState)([]),
299 + _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
300 + promotionData = _useState34[0],
301 + setPromotionData = _useState34[1];
302 + var managerPermissions = promotionData.manager_permissions,
303 + elementManager = promotionData.element_manager;
304 + var getWidgetUsage = function getWidgetUsage(widgetName) {
1422 305 if (!usageWidgets.data || !usageWidgets.data.hasOwnProperty(widgetName)) {
1423 306 return 0;
1424 307 }
1425 308 return usageWidgets.data[widgetName];
1426 - }, [usageWidgets.data]);
1427 - var scanUsageElements = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
1428 - var data;
1429 - return _regenerator.default.wrap(function (_context) {
1430 - while (1) switch (_context.prev = _context.next) {
1431 - case 0:
1432 - setUsageWidgets(function (prev) {
1433 - return _objectSpread(_objectSpread({}, prev), {}, {
1434 - isLoading: true
1435 - });
1436 - });
1437 - _context.next = 1;
1438 - return (0, _api.getUsageWidgets)();
1439 - case 1:
1440 - data = _context.sent;
1441 - setUsageWidgets({
1442 - data: data,
1443 - isLoading: false
1444 - });
1445 - return _context.abrupt("return", data);
1446 - case 2:
1447 - case "end":
1448 - return _context.stop();
309 + };
310 + var sortedAndFilteredWidgets = (0, _element.useMemo)(function () {
311 + var filteredWidgets = widgets.filter(function (widget) {
312 + return widget.title.toLowerCase().includes(searchKeyword.toLowerCase());
313 + });
314 + if ('' !== filterByPlugin) {
315 + filteredWidgets = filteredWidgets.filter(function (widget) {
316 + return widget.plugin.toLowerCase() === filterByPlugin.toLowerCase();
317 + });
318 + }
319 + if ('all' !== filterByStatus) {
320 + filteredWidgets = filteredWidgets.filter(function (widget) {
321 + if ('active' === filterByStatus) {
322 + return !widgetsDisabled.includes(widget.name);
323 + }
324 + return widgetsDisabled.includes(widget.name);
325 + });
326 + }
327 + filteredWidgets.sort(function (a, b) {
328 + var aValue;
329 + var bValue;
330 + if ('widget' === sortingColumn) {
331 + aValue = a.title;
332 + bValue = b.title;
1449 333 }
1450 - }, _callee);
1451 - })), []);
1452 - var saveChanges = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
1453 - return _regenerator.default.wrap(function (_context2) {
1454 - while (1) switch (_context2.prev = _context2.next) {
1455 - case 0:
1456 - setChangeProgress(function (prev) {
1457 - return _objectSpread(_objectSpread({}, prev), {}, {
1458 - isSaving: true
1459 - });
1460 - });
1461 - _context2.next = 1;
1462 - return (0, _api.saveDisabledWidgets)(widgetsDisabled, widgetsRoleRestrictions);
1463 - case 1:
1464 - setChangeProgress({
1465 - isSaving: false,
1466 - isUnsavedChanges: false
1467 - });
1468 - setIsSnackbarOpen(true);
1469 - case 2:
1470 - case "end":
1471 - return _context2.stop();
334 + if ('usage' === sortingColumn) {
335 + aValue = getWidgetUsage(a.name);
336 + bValue = getWidgetUsage(b.name);
1472 337 }
1473 - }, _callee2);
1474 - })), [widgetsDisabled, widgetsRoleRestrictions]);
1475 - var deactivateAllUnusedWidgets = (0, _react.useCallback)(function () {
1476 - if (!usageWidgets.data) {
1477 - return;
338 + if (aValue === bValue) {
339 + return 0;
340 + }
341 + if ('asc' === sortingDirection) {
342 + return aValue < bValue ? -1 : 1;
343 + }
344 + return aValue > bValue ? -1 : 1;
345 + });
346 + return filteredWidgets;
347 + }, [widgets, searchKeyword, sortingColumn, sortingDirection, filterByPlugin, usageWidgets, filterByStatus, widgetsDisabled]);
348 + var getSortingIndicatorClasses = function getSortingIndicatorClasses(column) {
349 + if (sortingColumn !== column) {
350 + return '';
1478 351 }
352 + if ('asc' === sortingDirection) {
353 + return 'sorted asc';
354 + }
355 + return 'sorted desc';
356 + };
357 + var onSortingClicked = function onSortingClicked(column) {
358 + if (sortingColumn === column) {
359 + if ('asc' === sortingDirection) {
360 + setSortingDirection('desc');
361 + } else {
362 + setSortingDirection('asc');
363 + }
364 + } else {
365 + setSortingColumn(column);
366 + setSortingDirection('asc');
367 + }
368 + };
369 + var onSaveClicked = /*#__PURE__*/function () {
370 + var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
371 + return _regenerator.default.wrap(function (_context) {
372 + while (1) switch (_context.prev = _context.next) {
373 + case 0:
374 + setIsConfirmDialogOpen(false);
375 + setChangeProgress(_objectSpread(_objectSpread({}, changeProgress), {}, {
376 + isSaving: true
377 + }));
378 + _context.next = 1;
379 + return (0, _api.saveDisabledWidgets)(widgetsDisabled, widgetsRoleRestrictions);
380 + case 1:
381 + setChangeProgress(_objectSpread(_objectSpread({}, changeProgress), {}, {
382 + isSaving: false,
383 + isUnsavedChanges: false
384 + }));
385 + setIsSnackbarOpen(true);
386 + case 2:
387 + case "end":
388 + return _context.stop();
389 + }
390 + }, _callee);
391 + }));
392 + return function onSaveClicked() {
393 + return _ref.apply(this, arguments);
394 + };
395 + }();
396 + var deactivateAllUnusedWidgets = function deactivateAllUnusedWidgets() {
1479 397 var widgetsToDeactivate = widgets.filter(function (widget) {
1480 398 return !usageWidgets.data.hasOwnProperty(widget.name) || widgetsDisabled.includes(widget.name);
1481 399 });
1482 400 setWidgetsDisabled(widgetsToDeactivate.map(function (widget) {
@@ -1481,38 +399,59 @@
1481 399 });
1482 400 setWidgetsDisabled(widgetsToDeactivate.map(function (widget) {
1483 401 return widget.name;
1484 402 }));
1485 - }, [widgets, usageWidgets.data, widgetsDisabled]);
1486 - var enableAllWidgets = (0, _react.useCallback)(function () {
403 + };
404 + var enableAllWidgets = function enableAllWidgets() {
1487 405 setWidgetsDisabled([]);
1488 - }, []);
1489 - var toggleWidget = (0, _react.useCallback)(function (widgetName, isEnabled) {
1490 - if (isEnabled) {
1491 - setWidgetsDisabled(function (prev) {
1492 - return prev.filter(function (item) {
1493 - return item !== widgetName;
1494 - });
1495 - });
1496 - } else {
1497 - setWidgetsDisabled(function (prev) {
1498 - return [].concat((0, _toConsumableArray2.default)(prev), [widgetName]);
1499 - });
406 + };
407 + var onScanUsageElementsClicked = /*#__PURE__*/function () {
408 + var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
409 + var data;
410 + return _regenerator.default.wrap(function (_context2) {
411 + while (1) switch (_context2.prev = _context2.next) {
412 + case 0:
413 + setUsageWidgets(_objectSpread(_objectSpread({}, usageWidgets), {}, {
414 + isLoading: true
415 + }));
416 + _context2.next = 1;
417 + return (0, _api.getUsageWidgets)();
418 + case 1:
419 + data = _context2.sent;
420 + setUsageWidgets({
421 + data: data,
422 + isLoading: false
423 + });
424 + setSortingColumn('usage');
425 + setSortingDirection('desc');
426 + case 2:
427 + case "end":
428 + return _context2.stop();
429 + }
430 + }, _callee2);
431 + }));
432 + return function onScanUsageElementsClicked() {
433 + return _ref2.apply(this, arguments);
434 + };
435 + }();
436 + var UsageTimesColumn = function UsageTimesColumn(_ref3) {
437 + var widgetName = _ref3.widgetName;
438 + if (null !== usageWidgets.data) {
439 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getWidgetUsage(widgetName), " ", (0, _i18n.__)('times', 'elementor'));
1500 440 }
1501 - }, []);
1502 - var dismissNotice = (0, _react.useCallback)(function () {
1503 - if (noticeData) {
1504 - (0, _api.markNoticeViewed)(noticeData.notice_id, noticeData.nonce);
1505 - setNoticeData(function (prev) {
1506 - return _objectSpread(_objectSpread({}, prev), {}, {
1507 - is_viewed: true
1508 - });
1509 - });
441 + if (usageWidgets.isLoading) {
442 + return /*#__PURE__*/_react.default.createElement(_components.Spinner, null);
1510 443 }
1511 - }, [noticeData]);
1512 - (0, _react.useEffect)(function () {
1513 - var loadData = /*#__PURE__*/function () {
1514 - var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
444 + return /*#__PURE__*/_react.default.createElement(_components.Button, {
445 + onClick: onScanUsageElementsClicked,
446 + size: 'small',
447 + variant: 'secondary',
448 + className: "e-id-elementor-element-manager-button-show-usage"
449 + }, (0, _i18n.__)('Show', 'elementor'));
450 + };
451 + (0, _element.useEffect)(function () {
452 + var onLoading = /*#__PURE__*/function () {
453 + var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
1515 454 var _appData$additional_d, _appData$additional_d2;
1516 455 var appData, pluginsData;
1517 456 return _regenerator.default.wrap(function (_context3) {
1518 457 while (1) switch (_context3.prev = _context3.next) {
@@ -1538,18 +477,13 @@
1538 477 value: plugin
1539 478 };
1540 479 });
1541 480 pluginsData.unshift({
1542 - label: 'All Plugins',
481 + label: (0, _i18n.__)('All Plugins', 'elementor'),
1543 482 value: ''
1544 483 });
1545 484 setPlugins(pluginsData);
1546 485 setIsLoading(false);
1547 - setChangeProgress(function (prev) {
1548 - return _objectSpread(_objectSpread({}, prev), {}, {
1549 - isUnsavedChanges: false
1550 - });
1551 - });
1552 486 case 2:
1553 487 case "end":
1554 488 return _context3.stop();
1555 489 }
@@ -1554,29 +488,23 @@
1554 488 return _context3.stop();
1555 489 }
1556 490 }, _callee3);
1557 491 }));
1558 - return function loadData() {
1559 - return _ref3.apply(this, arguments);
492 + return function onLoading() {
493 + return _ref4.apply(this, arguments);
1560 494 };
1561 495 }();
1562 - loadData();
496 + onLoading();
1563 497 }, []);
1564 - (0, _react.useEffect)(function () {
498 + (0, _element.useEffect)(function () {
1565 499 if (isLoading) {
1566 500 return;
1567 501 }
1568 - if (isInitialMount.current) {
1569 - isInitialMount.current = false;
1570 - return;
1571 - }
1572 - setChangeProgress(function (prev) {
1573 - return _objectSpread(_objectSpread({}, prev), {}, {
1574 - isUnsavedChanges: true
1575 - });
1576 - });
1577 - }, [widgetsDisabled, widgetsRoleRestrictions, isLoading]);
1578 - (0, _react.useEffect)(function () {
502 + setChangeProgress(_objectSpread(_objectSpread({}, changeProgress), {}, {
503 + isUnsavedChanges: true
504 + }));
505 + }, [widgetsDisabled, widgetsRoleRestrictions]);
506 + (0, _element.useEffect)(function () {
1579 507 var handleBeforeUnload = function handleBeforeUnload(event) {
1580 508 event.preventDefault();
1581 509 event.returnValue = '';
1582 510 };
@@ -1588,150 +516,312 @@
1588 516 return function () {
1589 517 window.removeEventListener('beforeunload', handleBeforeUnload);
1590 518 };
1591 519 }, [changeProgress.isUnsavedChanges]);
1592 - return {
1593 - isLoading: isLoading,
1594 - widgets: widgets,
1595 - promotionWidgets: promotionWidgets,
1596 - plugins: plugins,
1597 - roles: roles,
1598 - widgetsDisabled: widgetsDisabled,
1599 - widgetsRoleRestrictions: widgetsRoleRestrictions,
1600 - setWidgetsRoleRestrictions: setWidgetsRoleRestrictions,
1601 - promotionData: promotionData,
1602 - noticeData: noticeData,
1603 - usageWidgets: usageWidgets,
1604 - changeProgress: changeProgress,
1605 - isSnackbarOpen: isSnackbarOpen,
1606 - setIsSnackbarOpen: setIsSnackbarOpen,
1607 - getWidgetUsage: getWidgetUsage,
1608 - scanUsageElements: scanUsageElements,
1609 - saveChanges: saveChanges,
1610 - deactivateAllUnusedWidgets: deactivateAllUnusedWidgets,
1611 - enableAllWidgets: enableAllWidgets,
1612 - toggleWidget: toggleWidget,
1613 - dismissNotice: dismissNotice
1614 - };
1615 -};
1616 -
1617 -/***/ }),
1618 -
1619 -/***/ "../modules/element-manager/assets/js/app-editor-one/hooks/useWidgetFilters.js":
1620 -/*!*************************************************************************************!*\
1621 - !*** ../modules/element-manager/assets/js/app-editor-one/hooks/useWidgetFilters.js ***!
1622 - \*************************************************************************************/
1623 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1624 -
1625 -"use strict";
1626 -
1627 -
1628 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1629 -Object.defineProperty(exports, "__esModule", ({
1630 - value: true
1631 -}));
1632 -exports.useWidgetFilters = void 0;
1633 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1634 -var _react = __webpack_require__(/*! react */ "react");
1635 -var useWidgetFilters = exports.useWidgetFilters = function useWidgetFilters(widgets, widgetsDisabled, getWidgetUsage) {
1636 - var _useState = (0, _react.useState)(''),
1637 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
1638 - searchKeyword = _useState2[0],
1639 - setSearchKeyword = _useState2[1];
1640 - var _useState3 = (0, _react.useState)('widget'),
1641 - _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
1642 - sortingColumn = _useState4[0],
1643 - setSortingColumn = _useState4[1];
1644 - var _useState5 = (0, _react.useState)('asc'),
1645 - _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
1646 - sortingDirection = _useState6[0],
1647 - setSortingDirection = _useState6[1];
1648 - var _useState7 = (0, _react.useState)(''),
1649 - _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
1650 - filterByPlugin = _useState8[0],
1651 - setFilterByPlugin = _useState8[1];
1652 - var _useState9 = (0, _react.useState)('all'),
1653 - _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
1654 - filterByStatus = _useState0[0],
1655 - setFilterByStatus = _useState0[1];
1656 - var sortedAndFilteredWidgets = (0, _react.useMemo)(function () {
1657 - var filteredWidgets = widgets.filter(function (widget) {
1658 - return widget.title.toLowerCase().includes(searchKeyword.toLowerCase());
1659 - });
1660 - if ('' !== filterByPlugin) {
1661 - filteredWidgets = filteredWidgets.filter(function (widget) {
1662 - return widget.plugin.toLowerCase() === filterByPlugin.toLowerCase();
1663 - });
520 + if (isLoading) {
521 + return /*#__PURE__*/_react.default.createElement(_components.Flex, {
522 + justify: 'center',
523 + style: {
524 + margin: '100px'
525 + }
526 + }, /*#__PURE__*/_react.default.createElement(_components.Spinner, {
527 + style: {
528 + height: 'calc(4px * 20)',
529 + width: 'calc(4px * 20)'
530 + }
531 + }));
532 + }
533 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
534 + style: {
535 + marginBottom: '20px',
536 + maxWidth: '800px'
1664 537 }
1665 - if ('all' !== filterByStatus) {
1666 - filteredWidgets = filteredWidgets.filter(function (widget) {
1667 - if ('active' === filterByStatus) {
1668 - return !widgetsDisabled.includes(widget.name);
538 + }, (0, _i18n.__)('Here\'s where you can fine-tune Elementor to your workflow. Disable elements you don\'t use for a cleaner interface, more focused creative experience, and improved performance.', 'elementor'), ' ', /*#__PURE__*/_react.default.createElement("a", {
539 + href: "https://go.elementor.com/wp-dash-element-manager/",
540 + rel: 'noreferrer',
541 + target: '_blank'
542 + }, (0, _i18n.__)('Learn More', 'elementor'))), !noticeData.is_viewed && /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_components.Notice, {
543 + onRemove: function onRemove() {
544 + (0, _api.markNoticeViewed)(noticeData.notice_id, noticeData.nonce);
545 + setNoticeData(_objectSpread(_objectSpread({}, noticeData), {}, {
546 + is_viewed: true
547 + }));
548 + },
549 + status: "warning"
550 + }, /*#__PURE__*/_react.default.createElement("strong", null, (0, _i18n.__)('Before you continue:', 'elementor')), " ", (0, _i18n.__)('Deactivating widgets here will remove them from both the Elementor Editor and your website, which can cause changes to your overall layout, design and what visitors see.', 'elementor'))), /*#__PURE__*/_react.default.createElement(_components.Panel, null, /*#__PURE__*/_react.default.createElement(_components.PanelBody, null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
551 + style: {
552 + position: 'sticky',
553 + top: '32px',
554 + background: 'rgb(255, 255, 255)',
555 + zIndex: 10,
556 + padding: '20px 16px',
557 + boxShadow: 'rgba(0, 0, 0, 0.15) 0 5px 10px 0',
558 + margin: '-16px -16px 24px'
559 + }
560 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
561 + align: 'center'
562 + }, /*#__PURE__*/_react.default.createElement(_components.SearchControl, {
563 + label: (0, _i18n.__)('Search widgets', 'elementor'),
564 + value: searchKeyword,
565 + size: 'compact',
566 + style: {
567 + height: '40px',
568 + border: '1px solid rgba(30, 30, 30, 0.5)',
569 + background: 'transparent'
570 + },
571 + __nextHasNoMarginBottom: true,
572 + onChange: setSearchKeyword
573 + }), /*#__PURE__*/_react.default.createElement(_components.FlexItem, {
574 + style: {
575 + maxWidth: '130px'
576 + }
577 + }, /*#__PURE__*/_react.default.createElement(_components.SelectControl, {
578 + onChange: setFilterByPlugin,
579 + size: '__unstable-large',
580 + __nextHasNoMarginBottom: true,
581 + options: plugins,
582 + name: "elementor-element-manager-select-filter-by-plugin"
583 + })), /*#__PURE__*/_react.default.createElement(_components.FlexItem, {
584 + style: {
585 + maxWidth: '130px'
586 + }
587 + }, /*#__PURE__*/_react.default.createElement(_components.SelectControl, {
588 + onChange: setFilterByStatus,
589 + size: '__unstable-large',
590 + __nextHasNoMarginBottom: true,
591 + name: "elementor-element-manager-select-filter-by-status",
592 + options: [{
593 + label: (0, _i18n.__)('All Statuses', 'elementor'),
594 + value: 'all'
595 + }, {
596 + label: (0, _i18n.__)('Active', 'elementor'),
597 + value: 'active'
598 + }, {
599 + label: (0, _i18n.__)('Inactive', 'elementor'),
600 + value: 'inactive'
601 + }]
602 + })), /*#__PURE__*/_react.default.createElement("hr", {
603 + style: {
604 + height: '30px',
605 + margin: '0 5px',
606 + borderWidth: '0 1px 0 0',
607 + borderStyle: 'solid',
608 + borderColor: 'rgba(30, 30, 30, 0.5)'
609 + }
610 + }), /*#__PURE__*/_react.default.createElement(_components.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
611 + variant: 'secondary',
612 + style: {
613 + marginInlineEnd: '10px'
614 + },
615 + disabled: usageWidgets.isLoading,
616 + isBusy: usageWidgets.isLoading,
617 + onClick: onScanUsageElementsClicked,
618 + className: "e-id-elementor-element-manager-button-scan-element-usage"
619 + }, (0, _i18n.__)('Scan Element Usage', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.Button, {
620 + variant: 'secondary',
621 + style: {
622 + marginInlineEnd: '10px'
623 + },
624 + onClick: deactivateAllUnusedWidgets,
625 + disabled: null === usageWidgets.data,
626 + className: "e-id-elementor-element-manager-button-deactivate-unused-elements"
627 + }, (0, _i18n.__)('Deactivate Unused Elements', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.Button, {
628 + variant: 'secondary',
629 + disabled: !widgetsDisabled.length,
630 + style: {
631 + marginInlineEnd: '10px'
632 + },
633 + onClick: enableAllWidgets,
634 + className: "e-id-elementor-element-manager-button-enable-all"
635 + }, (0, _i18n.__)('Enable All', 'elementor'))))), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
636 + variant: "primary",
637 + disabled: changeProgress.isSaving || !changeProgress.isUnsavedChanges,
638 + isBusy: changeProgress.isSaving,
639 + onClick: function onClick() {
640 + setIsConfirmDialogOpen(true);
641 + },
642 + className: "e-id-elementor-element-manager-button-save-changes"
643 + }, (0, _i18n.__)('Save Changes', 'elementor')))), /*#__PURE__*/_react.default.createElement(_components.PanelRow, null, !sortedAndFilteredWidgets.length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _i18n.__)('No elements found.', 'elementor')) : /*#__PURE__*/_react.default.createElement("table", {
644 + className: 'wp-list-table widefat fixed striped table-view-list'
645 + }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
646 + className: "manage-column sortable ".concat(getSortingIndicatorClasses('widget'))
647 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
648 + href: '#',
649 + onClick: function onClick(event) {
650 + event.preventDefault();
651 + onSortingClicked('widget');
652 + },
653 + className: "e-id-elementor-element-manager-button-sort-by-element"
654 + }, /*#__PURE__*/_react.default.createElement("span", null, (0, _i18n.__)('Element', 'elementor')), /*#__PURE__*/_react.default.createElement("span", {
655 + className: "sorting-indicators"
656 + }, /*#__PURE__*/_react.default.createElement("span", {
657 + className: "sorting-indicator asc",
658 + "aria-hidden": "true"
659 + }), /*#__PURE__*/_react.default.createElement("span", {
660 + className: "sorting-indicator desc",
661 + "aria-hidden": "true"
662 + })))), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement("th", {
663 + className: "manage-column sortable ".concat(getSortingIndicatorClasses('usage'))
664 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
665 + href: '#',
666 + onClick: function onClick(event) {
667 + event.preventDefault();
668 + onSortingClicked('usage');
669 + },
670 + className: "e-id-elementor-element-manager-button-sort-by-usage"
671 + }, /*#__PURE__*/_react.default.createElement("span", null, (0, _i18n.__)('Usage', 'elementor')), /*#__PURE__*/_react.default.createElement("span", {
672 + className: "sorting-indicators"
673 + }, /*#__PURE__*/_react.default.createElement("span", {
674 + className: "sorting-indicator asc",
675 + "aria-hidden": "true"
676 + }), /*#__PURE__*/_react.default.createElement("span", {
677 + className: "sorting-indicator desc",
678 + "aria-hidden": "true"
679 + })))), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
680 + justify: 'flex-start',
681 + gap: 0
682 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Tooltip, {
683 + placement: 'top',
684 + delay: 100,
685 + text: (0, _i18n.__)('Choose which users will have access to each widget.', 'elementor')
686 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
687 + icon: 'info-outline',
688 + iconSize: 16
689 + }))), null === widgetsRoleRestrictions && /*#__PURE__*/_react.default.createElement(_components.FlexItem, {
690 + style: {
691 + marginInlineStart: '10px'
692 + }
693 + }, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
694 + href: promotionWidgets.length ? managerPermissions.pro.url : managerPermissions.advanced.url,
695 + size: 'small',
696 + text: promotionWidgets.length ? managerPermissions.pro.text : managerPermissions.advanced.text,
697 + className: ['e-id-elementor-element-manager-button-upgrade-permissions', 'go-pro'].join(' ')
698 + })))))), /*#__PURE__*/_react.default.createElement("tbody", null, sortedAndFilteredWidgets.map(function (widget) {
699 + return /*#__PURE__*/_react.default.createElement("tr", {
700 + key: widget.name,
701 + "data-key-id": widget.name
702 + }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("i", {
703 + style: {
704 + marginInlineEnd: '5px',
705 + marginInlineStart: '0',
706 + display: 'inline-block'
707 + },
708 + className: "".concat(widget.icon)
709 + }), " ", widget.title), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_components.ToggleControl, {
710 + checked: !widgetsDisabled.includes(widget.name),
711 + __nextHasNoMarginBottom: true,
712 + onChange: function onChange() {
713 + if (widgetsDisabled.includes(widget.name)) {
714 + setWidgetsDisabled(widgetsDisabled.filter(function (item) {
715 + return item !== widget.name;
716 + }));
717 + } else {
718 + setWidgetsDisabled([].concat((0, _toConsumableArray2.default)(widgetsDisabled), [widget.name]));
1669 719 }
1670 - return widgetsDisabled.includes(widget.name);
1671 - });
720 + },
721 + className: "e-id-elementor-element-manager-toggle-".concat(widget.name)
722 + })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(UsageTimesColumn, {
723 + widgetName: widget.name
724 + })), /*#__PURE__*/_react.default.createElement("td", null, widget.plugin), /*#__PURE__*/_react.default.createElement("td", null, null !== widgetsRoleRestrictions && !widgetsDisabled.includes(widget.name) ? /*#__PURE__*/_react.default.createElement(_rolePermissions.RolePermissions, {
725 + widgetName: widget.name,
726 + roles: roles,
727 + widgetsRoleRestrictions: widgetsRoleRestrictions,
728 + setWidgetsRoleRestrictions: setWidgetsRoleRestrictions
729 + }) : /*#__PURE__*/_react.default.createElement(_rolePermissions.EditButtonDisabled, null)));
730 + })))), promotionWidgets.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.PanelRow, null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
731 + style: {
732 + marginTop: '40px',
733 + marginBottom: '20px'
1672 734 }
1673 - filteredWidgets.sort(function (a, b) {
1674 - var aValue;
1675 - var bValue;
1676 - if ('widget' === sortingColumn) {
1677 - aValue = a.title;
1678 - bValue = b.title;
1679 - }
1680 - if ('usage' === sortingColumn) {
1681 - aValue = getWidgetUsage(a.name);
1682 - bValue = getWidgetUsage(b.name);
1683 - }
1684 - if (aValue === bValue) {
1685 - return 0;
1686 - }
1687 - if ('asc' === sortingDirection) {
1688 - return aValue < bValue ? -1 : 1;
1689 - }
1690 - return aValue > bValue ? -1 : 1;
1691 - });
1692 - return filteredWidgets;
1693 - }, [widgets, searchKeyword, sortingColumn, sortingDirection, filterByPlugin, filterByStatus, widgetsDisabled, getWidgetUsage]);
1694 - var getSortingIndicatorClasses = (0, _react.useCallback)(function (column) {
1695 - if (sortingColumn !== column) {
1696 - return '';
735 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement("h3", null, (0, _i18n.__)('Elementor Pro Elements', 'elementor')), /*#__PURE__*/_react.default.createElement("p", null, (0, _i18n.__)('Unleash the full power of Elementor\'s features and web creation tools.', 'elementor'))), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
736 + href: elementManager.url,
737 + text: elementManager.text,
738 + className: "e-id-elementor-element-manager-button-upgrade-pro-elements"
739 + })))), /*#__PURE__*/_react.default.createElement(_components.PanelRow, null, /*#__PURE__*/_react.default.createElement("table", {
740 + className: 'wp-list-table widefat fixed striped table-view-list'
741 + }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
742 + className: "manage-column"
743 + }, /*#__PURE__*/_react.default.createElement("span", null, (0, _i18n.__)('Element', 'elementor'))), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Usage', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
744 + justify: 'flex-start'
745 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Tooltip, {
746 + placement: 'top',
747 + delay: 100,
748 + text: (0, _i18n.__)('Choose which role will have access to a specific widget.', 'elementor')
749 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
750 + icon: 'info-outline'
751 + }))))))), /*#__PURE__*/_react.default.createElement("tbody", null, promotionWidgets.map(function (widget) {
752 + return /*#__PURE__*/_react.default.createElement("tr", {
753 + key: widget.name
754 + }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("i", {
755 + style: {
756 + marginInlineEnd: '5px'
757 + },
758 + className: "".concat(widget.icon)
759 + }), " ", widget.title), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_components.ToggleControl, {
760 + __nextHasNoMarginBottom: true,
761 + checked: false,
762 + disabled: true,
763 + className: "e-id-elementor-element-manager-toggle-".concat(widget.name)
764 + })), /*#__PURE__*/_react.default.createElement("td", null), /*#__PURE__*/_react.default.createElement("td", null, (0, _i18n.__)('Elementor Pro', 'elementor')), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_rolePermissions.EditButtonDisabled, {
765 + widgetName: widget.name
766 + })));
767 + }))))))), isConfirmDialogOpen && /*#__PURE__*/_react.default.createElement(_components.Modal, {
768 + title: (0, _i18n.__)('Sure you want to save these changes?', 'elementor'),
769 + size: 'small',
770 + isDismissible: false,
771 + onRequestClose: function onRequestClose() {
772 + setIsConfirmDialogOpen(false);
1697 773 }
1698 - return 'asc' === sortingDirection ? 'sorted asc' : 'sorted desc';
1699 - }, [sortingColumn, sortingDirection]);
1700 - var onSortingClicked = (0, _react.useCallback)(function (column) {
1701 - if (sortingColumn === column) {
1702 - setSortingDirection(function (prev) {
1703 - return 'asc' === prev ? 'desc' : 'asc';
1704 - });
1705 - } else {
1706 - setSortingColumn(column);
1707 - setSortingDirection('asc');
774 + }, /*#__PURE__*/_react.default.createElement("p", {
775 + style: {
776 + maxWidth: '400px',
777 + marginBlockEnd: '30px',
778 + marginBlockStart: '0'
1708 779 }
1709 - }, [sortingColumn]);
1710 - var setSortByUsage = (0, _react.useCallback)(function () {
1711 - setSortingColumn('usage');
1712 - setSortingDirection('desc');
1713 - }, []);
1714 - return {
1715 - searchKeyword: searchKeyword,
1716 - setSearchKeyword: setSearchKeyword,
1717 - filterByPlugin: filterByPlugin,
1718 - setFilterByPlugin: setFilterByPlugin,
1719 - filterByStatus: filterByStatus,
1720 - setFilterByStatus: setFilterByStatus,
1721 - sortedAndFilteredWidgets: sortedAndFilteredWidgets,
1722 - getSortingIndicatorClasses: getSortingIndicatorClasses,
1723 - onSortingClicked: onSortingClicked,
1724 - setSortByUsage: setSortByUsage
1725 - };
780 + }, (0, _i18n.__)('Turning widgets off will hide them from the editor panel, and can potentially affect your layout or front-end.', 'elementor'), /*#__PURE__*/_react.default.createElement("span", {
781 + style: {
782 + display: 'block',
783 + marginTop: '20px'
784 + }
785 + }, (0, _i18n.__)('If you’re adding widgets back in, enjoy them!', 'elementor'))), /*#__PURE__*/_react.default.createElement(_components.ButtonGroup, {
786 + style: {
787 + display: 'flex',
788 + justifyContent: 'flex-end',
789 + gap: '30px'
790 + }
791 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
792 + variant: 'link',
793 + onClick: function onClick() {
794 + setIsConfirmDialogOpen(false);
795 + },
796 + className: "e-id-elementor-element-manager-modal-button-cancel"
797 + }, (0, _i18n.__)('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.Button, {
798 + variant: 'primary',
799 + onClick: onSaveClicked,
800 + className: "e-id-elementor-element-manager-modal-button-save"
801 + }, (0, _i18n.__)('Save', 'elementor')))), /*#__PURE__*/_react.default.createElement("div", {
802 + style: {
803 + position: 'fixed',
804 + bottom: '40px',
805 + left: '50%',
806 + transform: 'translateX(-50%)',
807 + display: isSnackbarOpen ? 'block' : 'none'
808 + }
809 + }, /*#__PURE__*/_react.default.createElement(_components.Snackbar, {
810 + isDismissible: true,
811 + status: 'success',
812 + onRemove: function onRemove() {
813 + return setIsSnackbarOpen(false);
814 + }
815 + }, (0, _i18n.__)('We saved your changes.', 'elementor'))));
1726 816 };
1727 817
1728 818 /***/ }),
1729 819
1730 -/***/ "../modules/element-manager/assets/js/app-editor-one/index.js":
1731 -/*!********************************************************************!*\
1732 - !*** ../modules/element-manager/assets/js/app-editor-one/index.js ***!
1733 - \********************************************************************/
820 +/***/ "../modules/element-manager/assets/js/role-permissions.js":
821 +/*!****************************************************************!*\
822 + !*** ../modules/element-manager/assets/js/role-permissions.js ***!
823 + \****************************************************************/
1734 824 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1735 825
1736 826 "use strict";
1737 827
@@ -1739,21 +829,125 @@
1739 829 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1740 830 Object.defineProperty(exports, "__esModule", ({
1741 831 value: true
1742 832 }));
1743 -exports.AppModern = void 0;
833 +exports.RolePermissions = exports.EditButtonDisabled = void 0;
1744 834 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1745 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1746 -var _App = __webpack_require__(/*! ./App */ "../modules/element-manager/assets/js/app-editor-one/App.js");
1747 -var AppModern = exports.AppModern = function AppModern() {
1748 - var _elementorCommon$conf;
1749 - var isRTL = typeof elementorCommon !== 'undefined' && (_elementorCommon$conf = elementorCommon.config) !== null && _elementorCommon$conf !== void 0 && _elementorCommon$conf.isRTL ? elementorCommon.config.isRTL : 'rtl' === document.documentElement.dir || document.body.classList.contains('rtl');
1750 - return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
1751 - rtl: isRTL
1752 - }, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
1753 - colorScheme: "light"
1754 - }, /*#__PURE__*/_react.default.createElement(_App.App, null)));
835 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
836 +var _components = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
837 +var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
838 +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
839 +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable react/prop-types */
840 +var toggleRoleRestrictions = function toggleRoleRestrictions(widgetName, roleId, widgetsRoleRestrictions, setWidgetsRoleRestrictions) {
841 + var widgetRoleRestrictions = widgetsRoleRestrictions[widgetName] || [];
842 + if (widgetRoleRestrictions.includes(roleId)) {
843 + widgetRoleRestrictions.splice(widgetRoleRestrictions.indexOf(roleId), 1);
844 + } else {
845 + widgetRoleRestrictions.push(roleId);
846 + }
847 +
848 + // TODO: Remove the object from the state if it's empty
849 + setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, widgetRoleRestrictions)));
1755 850 };
851 +var RolesList = function RolesList(props) {
852 + var roles = props.roles,
853 + widgetRoleRestrictions = props.widgetRoleRestrictions;
854 + var rolesEnables = roles.filter(function (role) {
855 + return !widgetRoleRestrictions.includes(role.id);
856 + });
857 + if (!rolesEnables.length) {
858 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", (0, _i18n.__)('Admin', 'elementor'), ")");
859 + }
860 + if (rolesEnables.length === roles.length) {
861 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", (0, _i18n.__)('All Roles', 'elementor'), ")");
862 + }
863 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", rolesEnables.map(function (role) {
864 + return role.name;
865 + }).join(', '), ")");
866 +};
867 +var RolePermissions = exports.RolePermissions = function RolePermissions(props) {
868 + var roles = props.roles,
869 + widgetName = props.widgetName,
870 + widgetsRoleRestrictions = props.widgetsRoleRestrictions,
871 + setWidgetsRoleRestrictions = props.setWidgetsRoleRestrictions;
872 + var widgetRoleRestrictions = widgetsRoleRestrictions[widgetName] || [];
873 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Dropdown, {
874 + className: 'my-container-class-name',
875 + contentClassName: 'my-dropdown-content-classname',
876 + popoverProps: {
877 + placement: 'bottom-start'
878 + },
879 + renderToggle: function renderToggle(_ref) {
880 + var isOpen = _ref.isOpen,
881 + onToggle = _ref.onToggle;
882 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
883 + variant: 'link',
884 + onClick: onToggle,
885 + "aria-expanded": isOpen,
886 + style: {
887 + textDecoration: 'none'
888 + },
889 + className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
890 + }, (0, _i18n.__)('Edit', 'elementor')), ' ', /*#__PURE__*/_react.default.createElement("span", {
891 + style: {
892 + color: 'var(--e-a-color-txt-muted)'
893 + }
894 + }, /*#__PURE__*/_react.default.createElement(RolesList, {
895 + roles: roles,
896 + widgetRoleRestrictions: widgetRoleRestrictions
897 + })));
898 + },
899 + renderContent: function renderContent() {
900 + var isAllChecked = roles.every(function (role) {
901 + return !widgetRoleRestrictions.includes(role.id);
902 + });
903 + var isIndeterminate = !isAllChecked && roles.some(function (role) {
904 + return !widgetRoleRestrictions.includes(role.id);
905 + });
906 + return /*#__PURE__*/_react.default.createElement("div", {
907 + style: {
908 + minWidth: '150px',
909 + paddingInline: '10px',
910 + paddingBlockStart: '10px'
911 + }
912 + }, /*#__PURE__*/_react.default.createElement(_components.CheckboxControl, {
913 + checked: isAllChecked,
914 + indeterminate: isIndeterminate,
915 + label: 'All',
916 + onChange: function onChange(value) {
917 + if (value) {
918 + setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, [])));
919 + } else {
920 + setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, roles.map(function (role) {
921 + return role.id;
922 + }))));
923 + }
924 + }
925 + }), roles.map(function (role) {
926 + return /*#__PURE__*/_react.default.createElement("div", {
927 + key: role.id
928 + }, /*#__PURE__*/_react.default.createElement(_components.CheckboxControl, {
929 + checked: !widgetRoleRestrictions.includes(role.id),
930 + label: role.name,
931 + onChange: function onChange() {
932 + toggleRoleRestrictions(widgetName, role.id, widgetsRoleRestrictions, setWidgetsRoleRestrictions);
933 + }
934 + }));
935 + }));
936 + }
937 + }));
938 +};
939 +var EditButtonDisabled = exports.EditButtonDisabled = function EditButtonDisabled(props) {
940 + var widgetName = props.widgetName || 'unknown';
941 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
942 + variant: "link",
943 + disabled: true,
944 + style: {
945 + textDecoration: 'none'
946 + },
947 + className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
948 + }, (0, _i18n.__)('Edit', 'elementor')));
949 +};
1756 950
1757 951 /***/ }),
1758 952
1759 953 /***/ "../modules/element-manager/assets/js/upgrade-button.js":
@@ -5899,30 +5093,8 @@
5899 5093
5900 5094
5901 5095 /***/ }),
5902 5096
5903 -/***/ "@elementor/icons":
5904 -/*!************************************!*\
5905 - !*** external "elementorV2.icons" ***!
5906 - \************************************/
5907 -/***/ ((module) => {
5908 -
5909 -"use strict";
5910 -module.exports = elementorV2.icons;
5911 -
5912 -/***/ }),
5913 -
5914 -/***/ "@elementor/ui":
5915 -/*!*********************************!*\
5916 - !*** external "elementorV2.ui" ***!
5917 - \*********************************/
5918 -/***/ ((module) => {
5919 -
5920 -"use strict";
5921 -module.exports = elementorV2.ui;
5922 -
5923 -/***/ }),
5924 -
5925 5097 /***/ "@wordpress/components":
5926 5098 /*!********************************!*\
5927 5099 !*** external "wp.components" ***!
5928 5100 \********************************/
@@ -6057,16 +5229,14 @@
6057 5229 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
6058 5230 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
6059 5231 var _element = __webpack_require__(/*! @wordpress/element */ "../node_modules/@wordpress/element/build-module/index.js");
6060 5232 var _domReady = _interopRequireDefault(__webpack_require__(/*! @wordpress/dom-ready */ "@wordpress/dom-ready"));
6061 -var _appEditorOne = __webpack_require__(/*! ./app-editor-one */ "../modules/element-manager/assets/js/app-editor-one/index.js");
5233 +var _app = __webpack_require__(/*! ./app */ "../modules/element-manager/assets/js/app.js");
6062 5234 (0, _domReady.default)(function () {
6063 5235 var htmlOutput = document.getElementById('elementor-element-manager-wrap');
6064 - if (!htmlOutput) {
6065 - return;
5236 + if (htmlOutput) {
5237 + (0, _element.render)(/*#__PURE__*/_react.default.createElement(_app.App, null), htmlOutput);
6066 5238 }
6067 - var root = (0, _element.createRoot)(htmlOutput);
6068 - root.render(/*#__PURE__*/_react.default.createElement(_appEditorOne.AppModern, null));
6069 5239 });
6070 5240 })();
6071 5241
6072 5242 /******/ })()