@elementor/editor-canvas 4.1.0-746 → 4.1.0-747

package/dist/index.js

@@ -2421,6 +2421,69 @@ function createNestedTemplatedElementView({
   });
 }
 
+// src/legacy/create-pro-promotion-nested-type.ts
+function createProPromotionNestedType({
+  type,
+  renderer,
+  element
+}) {
+  if (!canBeNestedTemplated(element)) {
+    throw new Error(`Element "${type}" is not a valid nested templated element.`);
+  }
+  const BaseType = createNestedTemplatedElementType({
+    type,
+    renderer,
+    element
+  });
+  let PromotionView = null;
+  return class extends BaseType {
+    getView() {
+      if (!PromotionView) {
+        const BaseView = new BaseType().getView();
+        PromotionView = createPromotionView(BaseView);
+      }
+      return PromotionView;
+    }
+  };
+}
+function createPromotionView(BaseView) {
+  return class extends BaseView {
+    _afterRender() {
+      super._afterRender();
+      this.$el.off("click", ".e-form-placeholder__remove-btn");
+      this.$el.on("click", ".e-form-placeholder__remove-btn", (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        window.$e.run(
+          "document/elements/delete",
+          { container: this.container }
+        );
+      });
+      this.$el.off("click", ".e-form-placeholder__unlock-btn");
+      this.$el.on("click", ".e-form-placeholder__unlock-btn", (e) => {
+        e.stopPropagation();
+      });
+    }
+    _renderChildren() {
+    }
+    behaviors() {
+      const disabledBehaviors = ["InlineEditing", "Draggable", "Resizable"];
+      const behaviorsAsEntries = Object.entries(super.behaviors()).filter(
+        ([key]) => !disabledBehaviors.includes(key)
+      );
+      return Object.fromEntries(behaviorsAsEntries);
+    }
+    getContextMenuGroups() {
+      return super.getContextMenuGroups().filter((group) => group.name !== "save");
+    }
+    onDestroy(...args) {
+      super.onDestroy(...args);
+      this.$el.off("click", ".e-form-placeholder__remove-btn");
+      this.$el.off("click", ".e-form-placeholder__unlock-btn");
+    }
+  };
+}
+
 // src/legacy/replacements/manager.ts
 var import_client = require("react-dom/client");
 
@@ -3047,6 +3110,7 @@ function initLegacyViews() {
     const widgetsCache = (0, import_editor_elements6.getWidgetsCache)() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
+    registerProPromotionTypes(widgetsCache);
     Object.entries(widgetsCache).forEach(([type, element]) => {
       if (!element.atomic) {
         return;
@@ -3056,15 +3120,23 @@ function initLegacyViews() {
     });
   });
 }
+function registerProPromotionTypes(widgetsCache) {
+  Object.entries(widgetsCache).forEach(([type, element]) => {
+    if (element.meta?.is_pro_promotion) {
+      registerElementType(type, (options) => createProPromotionNestedType(options));
+    }
+  });
+}
 function resolveElementType(type, renderer, element) {
   if (canBeNestedTemplated(element)) {
-    return createNestedTemplatedType(type, renderer, element);
+    const customGenerator2 = elementsLegacyTypes[type];
+    return customGenerator2 ? customGenerator2({ type, renderer, element }) : createNestedTemplatedType(type, renderer, element);
   }
   if (!canBeTemplated(element)) {
     return createElementType(type);
   }
   const customGenerator = elementsLegacyTypes[type];
-  return customGenerator?.({ type, renderer, element }) ?? createTemplatedElementTypeWithReplacements({ type, renderer, element });
+  return customGenerator ? customGenerator({ type, renderer, element }) : createTemplatedElementTypeWithReplacements({ type, renderer, element });
 }
 function tryRegisterElement(legacyWindow, type, element, ResolvedElementType) {
   const shouldBeRegistered = canBeTemplated(element) || canBeNestedTemplated(element);

package/dist/index.mjs

@@ -2387,6 +2387,69 @@ function createNestedTemplatedElementView({
   });
 }
 
+// src/legacy/create-pro-promotion-nested-type.ts
+function createProPromotionNestedType({
+  type,
+  renderer,
+  element
+}) {
+  if (!canBeNestedTemplated(element)) {
+    throw new Error(`Element "${type}" is not a valid nested templated element.`);
+  }
+  const BaseType = createNestedTemplatedElementType({
+    type,
+    renderer,
+    element
+  });
+  let PromotionView = null;
+  return class extends BaseType {
+    getView() {
+      if (!PromotionView) {
+        const BaseView = new BaseType().getView();
+        PromotionView = createPromotionView(BaseView);
+      }
+      return PromotionView;
+    }
+  };
+}
+function createPromotionView(BaseView) {
+  return class extends BaseView {
+    _afterRender() {
+      super._afterRender();
+      this.$el.off("click", ".e-form-placeholder__remove-btn");
+      this.$el.on("click", ".e-form-placeholder__remove-btn", (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        window.$e.run(
+          "document/elements/delete",
+          { container: this.container }
+        );
+      });
+      this.$el.off("click", ".e-form-placeholder__unlock-btn");
+      this.$el.on("click", ".e-form-placeholder__unlock-btn", (e) => {
+        e.stopPropagation();
+      });
+    }
+    _renderChildren() {
+    }
+    behaviors() {
+      const disabledBehaviors = ["InlineEditing", "Draggable", "Resizable"];
+      const behaviorsAsEntries = Object.entries(super.behaviors()).filter(
+        ([key]) => !disabledBehaviors.includes(key)
+      );
+      return Object.fromEntries(behaviorsAsEntries);
+    }
+    getContextMenuGroups() {
+      return super.getContextMenuGroups().filter((group) => group.name !== "save");
+    }
+    onDestroy(...args) {
+      super.onDestroy(...args);
+      this.$el.off("click", ".e-form-placeholder__remove-btn");
+      this.$el.off("click", ".e-form-placeholder__unlock-btn");
+    }
+  };
+}
+
 // src/legacy/replacements/manager.ts
 import { createRoot } from "react-dom/client";
 
@@ -3017,6 +3080,7 @@ function initLegacyViews() {
     const widgetsCache = getWidgetsCache2() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
+    registerProPromotionTypes(widgetsCache);
     Object.entries(widgetsCache).forEach(([type, element]) => {
       if (!element.atomic) {
         return;
@@ -3026,15 +3090,23 @@ function initLegacyViews() {
     });
   });
 }
+function registerProPromotionTypes(widgetsCache) {
+  Object.entries(widgetsCache).forEach(([type, element]) => {
+    if (element.meta?.is_pro_promotion) {
+      registerElementType(type, (options) => createProPromotionNestedType(options));
+    }
+  });
+}
 function resolveElementType(type, renderer, element) {
   if (canBeNestedTemplated(element)) {
-    return createNestedTemplatedType(type, renderer, element);
+    const customGenerator2 = elementsLegacyTypes[type];
+    return customGenerator2 ? customGenerator2({ type, renderer, element }) : createNestedTemplatedType(type, renderer, element);
   }
   if (!canBeTemplated(element)) {
     return createElementType(type);
   }
   const customGenerator = elementsLegacyTypes[type];
-  return customGenerator?.({ type, renderer, element }) ?? createTemplatedElementTypeWithReplacements({ type, renderer, element });
+  return customGenerator ? customGenerator({ type, renderer, element }) : createTemplatedElementTypeWithReplacements({ type, renderer, element });
 }
 function tryRegisterElement(legacyWindow, type, element, ResolvedElementType) {
   const shouldBeRegistered = canBeTemplated(element) || canBeNestedTemplated(element);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.1.0-746",
+  "version": "4.1.0-747",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,25 +37,25 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.1.0-746",
+    "@elementor/editor": "4.1.0-747",
     "dompurify": "^3.2.6",
-    "@elementor/editor-controls": "4.1.0-746",
-    "@elementor/editor-documents": "4.1.0-746",
-    "@elementor/editor-elements": "4.1.0-746",
-    "@elementor/editor-interactions": "4.1.0-746",
-    "@elementor/editor-mcp": "4.1.0-746",
-    "@elementor/editor-notifications": "4.1.0-746",
-    "@elementor/editor-props": "4.1.0-746",
-    "@elementor/editor-responsive": "4.1.0-746",
-    "@elementor/editor-styles": "4.1.0-746",
-    "@elementor/editor-styles-repository": "4.1.0-746",
-    "@elementor/editor-ui": "4.1.0-746",
-    "@elementor/editor-v1-adapters": "4.1.0-746",
-    "@elementor/schema": "4.1.0-746",
-    "@elementor/twing": "4.1.0-746",
+    "@elementor/editor-controls": "4.1.0-747",
+    "@elementor/editor-documents": "4.1.0-747",
+    "@elementor/editor-elements": "4.1.0-747",
+    "@elementor/editor-interactions": "4.1.0-747",
+    "@elementor/editor-mcp": "4.1.0-747",
+    "@elementor/editor-notifications": "4.1.0-747",
+    "@elementor/editor-props": "4.1.0-747",
+    "@elementor/editor-responsive": "4.1.0-747",
+    "@elementor/editor-styles": "4.1.0-747",
+    "@elementor/editor-styles-repository": "4.1.0-747",
+    "@elementor/editor-ui": "4.1.0-747",
+    "@elementor/editor-v1-adapters": "4.1.0-747",
+    "@elementor/schema": "4.1.0-747",
+    "@elementor/twing": "4.1.0-747",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.1.0-746",
-    "@elementor/wp-media": "4.1.0-746",
+    "@elementor/utils": "4.1.0-747",
+    "@elementor/wp-media": "4.1.0-747",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/legacy/create-pro-promotion-nested-type.ts

@@ -0,0 +1,82 @@
+import {
+	canBeNestedTemplated,
+	createNestedTemplatedElementType,
+	type NestedTemplatedElementConfig,
+} from './create-nested-templated-element-type';
+import { type CreateTemplatedElementTypeOptions } from './create-templated-element-type';
+import { type ElementType, type ElementView } from './types';
+
+export function createProPromotionNestedType( {
+	type,
+	renderer,
+	element,
+}: CreateTemplatedElementTypeOptions ): typeof ElementType {
+	if ( ! canBeNestedTemplated( element ) ) {
+		throw new Error( `Element "${ type }" is not a valid nested templated element.` );
+	}
+
+	const BaseType = createNestedTemplatedElementType( {
+		type,
+		renderer,
+		element: element as NestedTemplatedElementConfig,
+	} );
+
+	let PromotionView: typeof ElementView | null = null;
+
+	return class extends BaseType {
+		getView() {
+			if ( ! PromotionView ) {
+				const BaseView = new BaseType().getView();
+				PromotionView = createPromotionView( BaseView );
+			}
+
+			return PromotionView;
+		}
+	};
+}
+
+function createPromotionView( BaseView: typeof ElementView ): typeof ElementView {
+	return class extends BaseView {
+		_afterRender() {
+			super._afterRender();
+
+			this.$el.off( 'click', '.e-form-placeholder__remove-btn' );
+			this.$el.on( 'click', '.e-form-placeholder__remove-btn', ( e: Event ) => {
+				e.preventDefault();
+				e.stopPropagation();
+
+				( window as unknown as { $e: { run: ( command: string, args: object ) => void } } ).$e.run(
+					'document/elements/delete',
+					{ container: this.container }
+				);
+			} );
+
+			this.$el.off( 'click', '.e-form-placeholder__unlock-btn' );
+			this.$el.on( 'click', '.e-form-placeholder__unlock-btn', ( e: Event ) => {
+				e.stopPropagation();
+			} );
+		}
+
+		_renderChildren() {}
+
+		behaviors() {
+			const disabledBehaviors = [ 'InlineEditing', 'Draggable', 'Resizable' ];
+
+			const behaviorsAsEntries = Object.entries( super.behaviors() ).filter(
+				( [ key ] ) => ! disabledBehaviors.includes( key )
+			);
+
+			return Object.fromEntries( behaviorsAsEntries );
+		}
+
+		getContextMenuGroups() {
+			return super.getContextMenuGroups().filter( ( group: { name: string } ) => group.name !== 'save' );
+		}
+
+		onDestroy( ...args: unknown[] ) {
+			super.onDestroy( ...args );
+			this.$el.off( 'click', '.e-form-placeholder__remove-btn' );
+			this.$el.off( 'click', '.e-form-placeholder__unlock-btn' );
+		}
+	} as unknown as typeof ElementView;
+}

package/src/legacy/init-legacy-views.ts

@@ -9,6 +9,7 @@ import {
 	type ModelExtensions,
 	type NestedTemplatedElementConfig,
 } from './create-nested-templated-element-type';
+import { createProPromotionNestedType } from './create-pro-promotion-nested-type';
 import { canBeTemplated, type CreateTemplatedElementTypeOptions } from './create-templated-element-type';
 import { createTemplatedElementTypeWithReplacements } from './replacements/manager';
 import type { ElementType, LegacyWindow } from './types';
@@ -37,6 +38,8 @@ export function initLegacyViews() {
 		const legacyWindow = window as unknown as LegacyWindow;
 		const renderer = createDomRenderer();
 
+		registerProPromotionTypes( widgetsCache );
+
 		Object.entries( widgetsCache ).forEach( ( [ type, element ] ) => {
 			if ( ! element.atomic ) {
 				return;
@@ -49,9 +52,21 @@ export function initLegacyViews() {
 	} );
 }
 
+function registerProPromotionTypes( widgetsCache: Record< string, V1ElementConfig > ) {
+	Object.entries( widgetsCache ).forEach( ( [ type, element ] ) => {
+		if ( element.meta?.is_pro_promotion ) {
+			registerElementType( type, ( options ) => createProPromotionNestedType( options ) );
+		}
+	} );
+}
+
 function resolveElementType( type: string, renderer: DomRenderer, element: V1ElementConfig ) {
 	if ( canBeNestedTemplated( element ) ) {
-		return createNestedTemplatedType( type, renderer, element );
+		const customGenerator = elementsLegacyTypes[ type ];
+
+		return customGenerator
+			? customGenerator( { type, renderer, element } )
+			: createNestedTemplatedType( type, renderer, element );
 	}
 
 	if ( ! canBeTemplated( element ) ) {
@@ -60,10 +75,9 @@ function resolveElementType( type: string, renderer: DomRenderer, element: V1Ele
 
 	const customGenerator = elementsLegacyTypes[ type ];
 
-	return (
-		customGenerator?.( { type, renderer, element } ) ??
-		createTemplatedElementTypeWithReplacements( { type, renderer, element } )
-	);
+	return customGenerator
+		? customGenerator( { type, renderer, element } )
+		: createTemplatedElementTypeWithReplacements( { type, renderer, element } );
 }
 
 function tryRegisterElement(