@elementor/editor-components 3.35.0-482 → 3.35.0-484

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-components",
   "description": "Elementor editor components",
-  "version": "3.35.0-482",
+  "version": "3.35.0-484",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,30 +40,30 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "3.35.0-482",
-    "@elementor/editor-canvas": "3.35.0-482",
-    "@elementor/editor-controls": "3.35.0-482",
-    "@elementor/editor-documents": "3.35.0-482",
-    "@elementor/editor-editing-panel": "3.35.0-482",
-    "@elementor/editor-elements": "3.35.0-482",
-    "@elementor/editor-elements-panel": "3.35.0-482",
-    "@elementor/editor-mcp": "3.35.0-482",
-    "@elementor/editor-panels": "3.35.0-482",
-    "@elementor/editor-props": "3.35.0-482",
-    "@elementor/editor-styles-repository": "3.35.0-482",
-    "@elementor/editor-ui": "3.35.0-482",
-    "@elementor/editor-v1-adapters": "3.35.0-482",
-    "@elementor/http-client": "3.35.0-482",
+    "@elementor/editor": "3.35.0-484",
+    "@elementor/editor-canvas": "3.35.0-484",
+    "@elementor/editor-controls": "3.35.0-484",
+    "@elementor/editor-documents": "3.35.0-484",
+    "@elementor/editor-editing-panel": "3.35.0-484",
+    "@elementor/editor-elements": "3.35.0-484",
+    "@elementor/editor-elements-panel": "3.35.0-484",
+    "@elementor/editor-mcp": "3.35.0-484",
+    "@elementor/editor-panels": "3.35.0-484",
+    "@elementor/editor-props": "3.35.0-484",
+    "@elementor/editor-styles-repository": "3.35.0-484",
+    "@elementor/editor-ui": "3.35.0-484",
+    "@elementor/editor-v1-adapters": "3.35.0-484",
+    "@elementor/http-client": "3.35.0-484",
     "@elementor/icons": "^1.63.0",
-    "@elementor/mixpanel": "3.35.0-482",
-    "@elementor/query": "3.35.0-482",
-    "@elementor/schema": "3.35.0-482",
-    "@elementor/store": "3.35.0-482",
+    "@elementor/mixpanel": "3.35.0-484",
+    "@elementor/query": "3.35.0-484",
+    "@elementor/schema": "3.35.0-484",
+    "@elementor/store": "3.35.0-484",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.35.0-482",
+    "@elementor/utils": "3.35.0-484",
     "@wordpress/i18n": "^5.13.0",
-    "@elementor/editor-notifications": "3.35.0-482",
-    "@elementor/editor-current-user": "3.35.0-482"
+    "@elementor/editor-notifications": "3.35.0-484",
+    "@elementor/editor-current-user": "3.35.0-484"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/src/components/components-tab/components-list.tsx

@@ -1,14 +1,11 @@
 import * as React from 'react';
-import { useState } from 'react';
-import { getAngieSdk } from '@elementor/editor-mcp';
-import { AIIcon, ComponentsIcon } from '@elementor/icons';
-import { Box, Button, Divider, Link, List, Stack, Typography } from '@elementor/ui';
+import { ComponentsIcon } from '@elementor/icons';
+import { Box, Divider, Link, List, Stack, Typography } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
 
 import { useComponents } from '../../hooks/use-components';
 import { useComponentsPermissions } from '../../hooks/use-components-permissions';
 import { renameComponent } from '../../store/actions/rename-component';
-import { AngiePromotionModal } from './angie-promotion-modal';
 import { ComponentItem } from './components-item';
 import { LoadingComponents } from './loading-components';
 import { useSearch } from './search-provider';
@@ -52,26 +49,8 @@ export function ComponentsList() {
 }
 
 const EmptyState = () => {
-	const [ isAngieModalOpen, setIsAngieModalOpen ] = useState( false );
-
 	const { canCreate } = useComponentsPermissions();
 
-	const handleCreateWithAI = () => {
-		const sdk = getAngieSdk();
-
-		if ( sdk.isAngieReady() ) {
-			sdk.triggerAngie( {
-				prompt: __(
-					'Create a [hero/testimonial/product card/CTA/feature] component for my [business type]. Include [describe what you want]',
-					'elementor'
-				),
-				context: { source: 'components-panel-empty-state' },
-			} );
-		} else {
-			setIsAngieModalOpen( true );
-		}
-	};
-
 	return (
 		<Stack
 			alignItems="center"
@@ -128,22 +107,6 @@ const EmptyState = () => {
 								'elementor'
 							) }
 						</Typography>
-
-						<Typography align="center" variant="caption" color="secondary">
-							{ __( 'Or', 'elementor' ) }
-						</Typography>
-
-						<AngiePromotionModal open={ isAngieModalOpen } onClose={ () => setIsAngieModalOpen( false ) }>
-							<Button
-								color="secondary"
-								variant="outlined"
-								size="small"
-								onClick={ handleCreateWithAI }
-								endIcon={ <AIIcon /> }
-							>
-								{ __( 'Create component with AI', 'elementor' ) }
-							</Button>
-						</AngiePromotionModal>
 					</Stack>
 				</>
 			) }

package/src/components/components-tab/angie-promotion-modal.tsx

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import {
-	Button,
-	Card,
-	CardActions,
-	CardContent,
-	CardHeader,
-	CardMedia,
-	ClickAwayListener,
-	CloseButton,
-	Infotip,
-	Typography,
-} from '@elementor/ui';
-import { __ } from '@wordpress/i18n';
-
-const ANGIE_INSTALL_URL = '/wp-admin/plugin-install.php?tab=plugin-information&plugin=angie';
-const PLACEHOLDER_IMAGE_URL = 'https://assets.elementor.com/packages/v1/images/components-angie-promo.svg';
-
-type AngiePromotionCardProps = {
-	onClose: () => void;
-};
-
-type AngiePromotionModalProps = React.PropsWithChildren< {
-	open: boolean;
-	onClose: () => void;
-} >;
-
-export const AngiePromotionModal = ( { children, open, onClose }: AngiePromotionModalProps ) => {
-	return (
-		<Infotip placement="right-end" arrow content={ <AngiePromotionCard onClose={ onClose } /> } open={ open }>
-			{ children }
-		</Infotip>
-	);
-};
-
-function AngiePromotionCard( { onClose }: AngiePromotionCardProps ) {
-	const handleCtaClick = () => {
-		window.open( ANGIE_INSTALL_URL, '_blank' );
-		onClose();
-	};
-
-	return (
-		<ClickAwayListener disableReactTree mouseEvent="onMouseDown" touchEvent="onTouchStart" onClickAway={ onClose }>
-			<Card elevation={ 0 } sx={ { maxWidth: 296 } }>
-				<CardHeader
-					title={ __( 'Add new component with AI', 'elementor' ) }
-					titleTypographyProps={ { variant: 'subtitle2' } }
-					action={ <CloseButton slotProps={ { icon: { fontSize: 'tiny' } } } onClick={ onClose } /> }
-				/>
-				<CardMedia
-					component="img"
-					image={ PLACEHOLDER_IMAGE_URL }
-					alt=""
-					sx={ { width: '100%', aspectRatio: '16 / 9' } }
-				/>
-				<CardContent>
-					<Typography variant="body2" color="text.secondary">
-						{ __(
-							'Angie our AI assistant can easily create new components and save you the hassle of doing it yourself',
-							'elementor'
-						) }
-					</Typography>
-				</CardContent>
-				<CardActions sx={ { justifyContent: 'flex-end' } }>
-					<Button size="medium" variant="contained" color="accent" onClick={ handleCtaClick }>
-						{ __( 'Get Angie', 'elementor' ) }
-					</Button>
-				</CardActions>
-			</Card>
-		</ClickAwayListener>
-	);
-}