@elementor/editor-components 4.0.0-661 → 4.0.0-663

package/dist/index.mjs

@@ -1625,6 +1625,7 @@ import {
   createTemplatedElementView
 } from "@elementor/editor-canvas";
 import { getCurrentDocument } from "@elementor/editor-documents";
+import { notify } from "@elementor/editor-notifications";
 import { __getState as getState5 } from "@elementor/store";
 import { hasProInstalled } from "@elementor/utils";
 import { __ as __7 } from "@wordpress/i18n";
@@ -1739,6 +1740,24 @@ var onElementDrop = (_args, element) => {
 // src/create-component-type.ts
 var COMPONENT_WIDGET_TYPE = "e-component";
 var EDIT_COMPONENT_UPGRADE_URL = "https://go.elementor.com/go-pro-components-edit/";
+var COMPONENT_EDIT_UPGRADE_NOTIFICATION_ID = "component-edit-upgrade";
+function notifyComponentEditUpgrade() {
+  notify({
+    type: "promotion",
+    id: COMPONENT_EDIT_UPGRADE_NOTIFICATION_ID,
+    message: __7("Your Pro subscription has expired. Renew to edit components.", "elementor"),
+    additionalActionProps: [
+      {
+        size: "small",
+        variant: "contained",
+        color: "promotion",
+        href: EDIT_COMPONENT_UPGRADE_URL,
+        target: "_blank",
+        children: __7("Upgrade Now", "elementor")
+      }
+    ]
+  });
+}
 var updateGroups = (groups, config) => {
   const disableMap = new Map(Object.entries(config.disable ?? {}));
   const addMap = new Map(Object.entries(config.add ?? {}));
@@ -1898,7 +1917,11 @@ function createComponentView(options) {
     }
     handleDblClick(e) {
       e.stopPropagation();
-      if (!isUserAdministrator() || !hasProInstalled()) {
+      if (!isUserAdministrator()) {
+        return;
+      }
+      if (!hasProInstalled()) {
+        notifyComponentEditUpgrade();
         return;
       }
       const { triggers, locations, secondaryLocations } = this.eventsManagerConfig;
@@ -3543,7 +3566,7 @@ import { __ as __23 } from "@wordpress/i18n";
 
 // src/extended/store/actions/archive-component.ts
 import { setDocumentModifiedStatus as setDocumentModifiedStatus4 } from "@elementor/editor-documents";
-import { notify } from "@elementor/editor-notifications";
+import { notify as notify2 } from "@elementor/editor-notifications";
 import { __ as __20 } from "@wordpress/i18n";
 var successNotification = (componentId, componentName) => ({
   type: "success",
@@ -3554,7 +3577,7 @@ var successNotification = (componentId, componentName) => ({
 var archiveComponent = (componentId, componentName) => {
   componentsActions.archive(componentId);
   setDocumentModifiedStatus4(true);
-  notify(successNotification(componentId, componentName));
+  notify2(successNotification(componentId, componentName));
 };
 
 // src/extended/store/actions/rename-component.ts
@@ -3868,7 +3891,7 @@ var ExtendedComponents = () => {
 import * as React31 from "react";
 import { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef5, useState as useState8 } from "react";
 import { getElementLabel } from "@elementor/editor-elements";
-import { notify as notify3 } from "@elementor/editor-notifications";
+import { notify as notify4 } from "@elementor/editor-notifications";
 import { Form as FormElement, ThemeProvider as ThemeProvider4, useTextFieldAutoSelect } from "@elementor/editor-ui";
 import { ComponentsIcon as ComponentsIcon4 } from "@elementor/icons";
 import { Button as Button5, FormLabel as FormLabel2, Grid as Grid2, Popover as Popover3, Stack as Stack17, TextField as TextField3, Typography as Typography12 } from "@elementor/ui";
@@ -3958,7 +3981,7 @@ function restoreOriginalElement(originalElement, componentInstanceId) {
 // src/extended/sync/prevent-non-atomic-nesting.ts
 import { isAtomicWidget } from "@elementor/editor-canvas";
 import { getAllDescendants as getAllDescendants3, getElementType as getElementType3 } from "@elementor/editor-elements";
-import { notify as notify2 } from "@elementor/editor-notifications";
+import { notify as notify3 } from "@elementor/editor-notifications";
 import { blockCommand } from "@elementor/editor-v1-adapters";
 import { __ as __25 } from "@wordpress/i18n";
 
@@ -4002,7 +4025,7 @@ function blockNonAtomicCreate(args) {
   if (isElementAtomic(elementType)) {
     return false;
   }
-  notify2(NON_ATOMIC_ELEMENT_ALERT);
+  notify3(NON_ATOMIC_ELEMENT_ALERT);
   return true;
 }
 function blockNonAtomicMove(args) {
@@ -4018,7 +4041,7 @@ function blockNonAtomicMove(args) {
     return allElements.some((element) => !isAtomicWidget(element));
   });
   if (hasNonAtomicElement) {
-    notify2(NON_ATOMIC_ELEMENT_ALERT);
+    notify3(NON_ATOMIC_ELEMENT_ALERT);
   }
   return hasNonAtomicElement;
 }
@@ -4036,7 +4059,7 @@ function blockNonAtomicPaste(args) {
   }
   const hasNonAtomicElement = hasNonAtomicElementsInTree(data.clipboard.elements);
   if (hasNonAtomicElement) {
-    notify2(NON_ATOMIC_ELEMENT_ALERT);
+    notify3(NON_ATOMIC_ELEMENT_ALERT);
   }
   return hasNonAtomicElement;
 }
@@ -4158,7 +4181,7 @@ function CreateComponentForm() {
     const openPopup = (event) => {
       const { shouldOpen, notification } = shouldOpenForm(event.detail.element, components?.length ?? 0);
       if (!shouldOpen) {
-        notify3(notification);
+        notify4(notification);
         return;
       }
       setElement({ element: event.detail.element, elementLabel: getElementLabel(event.detail.element.id) });
@@ -4192,7 +4215,7 @@ function CreateComponentForm() {
       } else {
         throw new Error("Failed to find published component");
       }
-      notify3({
+      notify4({
         type: "success",
         message: __26("Component created successfully.", "elementor"),
         id: `component-saved-successfully-${uid}`
@@ -4200,7 +4223,7 @@ function CreateComponentForm() {
       resetAndClosePopup();
     } catch {
       const errorMessage = __26("Failed to create component. Please try again.", "elementor");
-      notify3({
+      notify4({
         type: "error",
         message: errorMessage,
         id: "component-save-failed"
@@ -5392,7 +5415,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 };
 
 // src/extended/sync/update-archived-component-before-save.ts
-import { notify as notify4 } from "@elementor/editor-notifications";
+import { notify as notify5 } from "@elementor/editor-notifications";
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -5407,7 +5430,7 @@ var updateArchivedComponentBeforeSave = async (status) => {
     const result = await apiClient.updateArchivedComponents(archivedComponents, status);
     const failedIds = result.failedIds.join(", ");
     if (failedIds) {
-      notify4(failedNotification(failedIds));
+      notify5(failedNotification(failedIds));
     }
   } catch (error) {
     throw new Error(`Failed to update archived components: ${error}`);
@@ -5850,7 +5873,7 @@ function PopulateStore() {
 
 // src/prevent-circular-nesting.ts
 import { getAllDescendants as getAllDescendants5 } from "@elementor/editor-elements";
-import { notify as notify5 } from "@elementor/editor-notifications";
+import { notify as notify6 } from "@elementor/editor-notifications";
 import { blockCommand as blockCommand2 } from "@elementor/editor-v1-adapters";
 import { __getState as getState9 } from "@elementor/store";
 import { __ as __32 } from "@wordpress/i18n";
@@ -5934,7 +5957,7 @@ function blockCircularCreate(args) {
   }
   const isBlocked = wouldCreateCircularNesting(componentId);
   if (isBlocked) {
-    notify5(COMPONENT_CIRCULAR_NESTING_ALERT);
+    notify6(COMPONENT_CIRCULAR_NESTING_ALERT);
   }
   return isBlocked;
 }
@@ -5954,7 +5977,7 @@ function blockCircularMove(args) {
     });
   });
   if (hasCircularComponent) {
-    notify5(COMPONENT_CIRCULAR_NESTING_ALERT);
+    notify6(COMPONENT_CIRCULAR_NESTING_ALERT);
   }
   return hasCircularComponent;
 }
@@ -5970,7 +5993,7 @@ function blockCircularPaste(args) {
   const allComponentIds = extractComponentIdsFromElements(data.clipboard.elements);
   const hasCircularComponent = allComponentIds.some(wouldCreateCircularNesting);
   if (hasCircularComponent) {
-    notify5(COMPONENT_CIRCULAR_NESTING_ALERT);
+    notify6(COMPONENT_CIRCULAR_NESTING_ALERT);
   }
   return hasCircularComponent;
 }