@elementor/editor-ui 4.0.0-manual → 4.1.0-685

package/dist/index.d.mts

@@ -114,11 +114,12 @@ type InfotipCardProps = {
     assetUrl: string;
     ctaUrl: string;
     onClose: (e: MouseEvent) => void;
+    onCtaClick?: () => void;
 };
 type PromotionInfotipProps = React$1.PropsWithChildren<InfotipCardProps & {
     open?: boolean;
 }>;
-declare const PromotionInfotip: ({ children, open, onClose, ...cardProps }: PromotionInfotipProps) => React$1.JSX.Element;
+declare const PromotionInfotip: ({ children, open, onClose, onCtaClick, ...cardProps }: PromotionInfotipProps) => React$1.JSX.Element;
 
 type PromotionPopoverCardProps = {
     title: string;
@@ -126,6 +127,7 @@ type PromotionPopoverCardProps = {
     ctaUrl: string;
     ctaText?: string;
     onClose: (e: MouseEvent$1) => void;
+    onCtaClick?: () => void;
 };
 type PromotionPopoverProps = React$1.PropsWithChildren<PromotionPopoverCardProps & {
     open: boolean;
@@ -140,8 +142,9 @@ declare const PromotionChip: React$1.ForwardRefExoticComponent<React$1.RefAttrib
 type PromotionAlertProps = {
     message: string;
     upgradeUrl: string;
+    onCtaClick?: () => void;
 };
-declare const PromotionAlert: ({ message, upgradeUrl }: PromotionAlertProps) => React$1.JSX.Element;
+declare const PromotionAlert: ({ message, upgradeUrl, onCtaClick }: PromotionAlertProps) => React$1.JSX.Element;
 
 declare function FloatingActionsBar({ actions, children }: PropsWithChildren<{
     actions: ReactElement[];

package/dist/index.d.ts

@@ -114,11 +114,12 @@ type InfotipCardProps = {
     assetUrl: string;
     ctaUrl: string;
     onClose: (e: MouseEvent) => void;
+    onCtaClick?: () => void;
 };
 type PromotionInfotipProps = React$1.PropsWithChildren<InfotipCardProps & {
     open?: boolean;
 }>;
-declare const PromotionInfotip: ({ children, open, onClose, ...cardProps }: PromotionInfotipProps) => React$1.JSX.Element;
+declare const PromotionInfotip: ({ children, open, onClose, onCtaClick, ...cardProps }: PromotionInfotipProps) => React$1.JSX.Element;
 
 type PromotionPopoverCardProps = {
     title: string;
@@ -126,6 +127,7 @@ type PromotionPopoverCardProps = {
     ctaUrl: string;
     ctaText?: string;
     onClose: (e: MouseEvent$1) => void;
+    onCtaClick?: () => void;
 };
 type PromotionPopoverProps = React$1.PropsWithChildren<PromotionPopoverCardProps & {
     open: boolean;
@@ -140,8 +142,9 @@ declare const PromotionChip: React$1.ForwardRefExoticComponent<React$1.RefAttrib
 type PromotionAlertProps = {
     message: string;
     upgradeUrl: string;
+    onCtaClick?: () => void;
 };
-declare const PromotionAlert: ({ message, upgradeUrl }: PromotionAlertProps) => React$1.JSX.Element;
+declare const PromotionAlert: ({ message, upgradeUrl, onCtaClick }: PromotionAlertProps) => React$1.JSX.Element;
 
 declare function FloatingActionsBar({ actions, children }: PropsWithChildren<{
     actions: ReactElement[];

package/dist/index.js

@@ -576,11 +576,19 @@ var useCanvasClickHandler = (isActive, onClickAway) => {
 };
 
 // src/components/promotions/promotion-infotip.tsx
-var PromotionInfotip = ({ children, open, onClose, ...cardProps }) => {
+var PromotionInfotip = ({ children, open, onClose, onCtaClick, ...cardProps }) => {
   useCanvasClickHandler(!!open, onClose);
-  return /* @__PURE__ */ React14.createElement(import_ui14.Infotip, { placement: "right", content: /* @__PURE__ */ React14.createElement(InfotipCard, { onClose, ...cardProps }), open }, children);
+  return /* @__PURE__ */ React14.createElement(
+    import_ui14.Infotip,
+    {
+      placement: "right",
+      content: /* @__PURE__ */ React14.createElement(InfotipCard, { onClose, onCtaClick, ...cardProps }),
+      open
+    },
+    children
+  );
 };
-function InfotipCard({ title, content, assetUrl, ctaUrl, onClose }) {
+function InfotipCard({ title, content, assetUrl, ctaUrl, onClose, onCtaClick }) {
   return /* @__PURE__ */ React14.createElement(
     import_ui14.ClickAwayListener,
     {
@@ -595,7 +603,7 @@ function InfotipCard({ title, content, assetUrl, ctaUrl, onClose }) {
         title,
         action: /* @__PURE__ */ React14.createElement(import_ui14.CloseButton, { slotProps: { icon: { fontSize: "tiny" } }, onClick: onClose })
       }
-    ), /* @__PURE__ */ React14.createElement(import_ui14.CardMedia, { component: "img", image: assetUrl, alt: "", sx: { width: "100%", aspectRatio: "16 / 9" } }), /* @__PURE__ */ React14.createElement(import_ui14.CardContent, null, /* @__PURE__ */ React14.createElement(import_ui14.Typography, { variant: "body2", color: "text.secondary" }, content)), /* @__PURE__ */ React14.createElement(import_ui14.CardActions, { sx: { justifyContent: "flex-start" } }, /* @__PURE__ */ React14.createElement(CtaButton, { href: ctaUrl })))
+    ), /* @__PURE__ */ React14.createElement(import_ui14.CardMedia, { component: "img", image: assetUrl, alt: "", sx: { width: "100%", aspectRatio: "16 / 9" } }), /* @__PURE__ */ React14.createElement(import_ui14.CardContent, null, /* @__PURE__ */ React14.createElement(import_ui14.Typography, { variant: "body2", color: "text.secondary" }, content)), /* @__PURE__ */ React14.createElement(import_ui14.CardActions, { sx: { justifyContent: "flex-start" } }, /* @__PURE__ */ React14.createElement(CtaButton, { href: ctaUrl, onClick: onCtaClick })))
   );
 }
 
@@ -637,7 +645,7 @@ var PromotionPopover = ({
     children
   );
 };
-function PopoverAlert({ title, content, ctaUrl, ctaText, onClose }) {
+function PopoverAlert({ title, content, ctaUrl, ctaText, onClose, onCtaClick }) {
   return /* @__PURE__ */ React15.createElement(
     import_ui15.ClickAwayListener,
     {
@@ -663,7 +671,8 @@ function PopoverAlert({ title, content, ctaUrl, ctaText, onClose }) {
             color: "promotion",
             href: ctaUrl,
             target: "_blank",
-            rel: "noopener noreferrer"
+            rel: "noopener noreferrer",
+            onClick: onCtaClick
           },
           ctaText
         ),
@@ -705,7 +714,7 @@ var React17 = __toESM(require("react"));
 var import_icons7 = require("@elementor/icons");
 var import_ui17 = require("@elementor/ui");
 var import_i18n5 = require("@wordpress/i18n");
-var PromotionAlert = ({ message, upgradeUrl }) => /* @__PURE__ */ React17.createElement(
+var PromotionAlert = ({ message, upgradeUrl, onCtaClick }) => /* @__PURE__ */ React17.createElement(
   import_ui17.Alert,
   {
     variant: "standard",
@@ -726,7 +735,8 @@ var PromotionAlert = ({ message, upgradeUrl }) => /* @__PURE__ */ React17.create
       target: "_blank",
       href: upgradeUrl,
       rel: "noopener noreferrer",
-      startIcon: /* @__PURE__ */ React17.createElement(import_icons7.CrownFilledIcon, { fontSize: "tiny" })
+      startIcon: /* @__PURE__ */ React17.createElement(import_icons7.CrownFilledIcon, { fontSize: "tiny" }),
+      onClick: onCtaClick
     },
     (0, import_i18n5.__)("Upgrade now", "elementor")
   )

package/dist/index.mjs

@@ -530,11 +530,19 @@ var useCanvasClickHandler = (isActive, onClickAway) => {
 };
 
 // src/components/promotions/promotion-infotip.tsx
-var PromotionInfotip = ({ children, open, onClose, ...cardProps }) => {
+var PromotionInfotip = ({ children, open, onClose, onCtaClick, ...cardProps }) => {
   useCanvasClickHandler(!!open, onClose);
-  return /* @__PURE__ */ React14.createElement(Infotip3, { placement: "right", content: /* @__PURE__ */ React14.createElement(InfotipCard, { onClose, ...cardProps }), open }, children);
+  return /* @__PURE__ */ React14.createElement(
+    Infotip3,
+    {
+      placement: "right",
+      content: /* @__PURE__ */ React14.createElement(InfotipCard, { onClose, onCtaClick, ...cardProps }),
+      open
+    },
+    children
+  );
 };
-function InfotipCard({ title, content, assetUrl, ctaUrl, onClose }) {
+function InfotipCard({ title, content, assetUrl, ctaUrl, onClose, onCtaClick }) {
   return /* @__PURE__ */ React14.createElement(
     ClickAwayListener,
     {
@@ -549,7 +557,7 @@ function InfotipCard({ title, content, assetUrl, ctaUrl, onClose }) {
         title,
         action: /* @__PURE__ */ React14.createElement(CloseButton, { slotProps: { icon: { fontSize: "tiny" } }, onClick: onClose })
       }
-    ), /* @__PURE__ */ React14.createElement(CardMedia, { component: "img", image: assetUrl, alt: "", sx: { width: "100%", aspectRatio: "16 / 9" } }), /* @__PURE__ */ React14.createElement(CardContent2, null, /* @__PURE__ */ React14.createElement(Typography3, { variant: "body2", color: "text.secondary" }, content)), /* @__PURE__ */ React14.createElement(CardActions2, { sx: { justifyContent: "flex-start" } }, /* @__PURE__ */ React14.createElement(CtaButton, { href: ctaUrl })))
+    ), /* @__PURE__ */ React14.createElement(CardMedia, { component: "img", image: assetUrl, alt: "", sx: { width: "100%", aspectRatio: "16 / 9" } }), /* @__PURE__ */ React14.createElement(CardContent2, null, /* @__PURE__ */ React14.createElement(Typography3, { variant: "body2", color: "text.secondary" }, content)), /* @__PURE__ */ React14.createElement(CardActions2, { sx: { justifyContent: "flex-start" } }, /* @__PURE__ */ React14.createElement(CtaButton, { href: ctaUrl, onClick: onCtaClick })))
   );
 }
 
@@ -599,7 +607,7 @@ var PromotionPopover = ({
     children
   );
 };
-function PopoverAlert({ title, content, ctaUrl, ctaText, onClose }) {
+function PopoverAlert({ title, content, ctaUrl, ctaText, onClose, onCtaClick }) {
   return /* @__PURE__ */ React15.createElement(
     ClickAwayListener2,
     {
@@ -625,7 +633,8 @@ function PopoverAlert({ title, content, ctaUrl, ctaText, onClose }) {
             color: "promotion",
             href: ctaUrl,
             target: "_blank",
-            rel: "noopener noreferrer"
+            rel: "noopener noreferrer",
+            onClick: onCtaClick
           },
           ctaText
         ),
@@ -667,7 +676,7 @@ import * as React17 from "react";
 import { CrownFilledIcon as CrownFilledIcon4 } from "@elementor/icons";
 import { Alert as Alert4, Button as Button5 } from "@elementor/ui";
 import { __ as __5 } from "@wordpress/i18n";
-var PromotionAlert = ({ message, upgradeUrl }) => /* @__PURE__ */ React17.createElement(
+var PromotionAlert = ({ message, upgradeUrl, onCtaClick }) => /* @__PURE__ */ React17.createElement(
   Alert4,
   {
     variant: "standard",
@@ -688,7 +697,8 @@ var PromotionAlert = ({ message, upgradeUrl }) => /* @__PURE__ */ React17.create
       target: "_blank",
       href: upgradeUrl,
       rel: "noopener noreferrer",
-      startIcon: /* @__PURE__ */ React17.createElement(CrownFilledIcon4, { fontSize: "tiny" })
+      startIcon: /* @__PURE__ */ React17.createElement(CrownFilledIcon4, { fontSize: "tiny" }),
+      onClick: onCtaClick
     },
     __5("Upgrade now", "elementor")
   )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-ui",
   "description": "Elementor Editor UI",
-  "version": "4.0.0-manual",
+  "version": "4.1.0-685",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,7 +37,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor-v1-adapters": "4.0.0-manual",
+    "@elementor/editor-v1-adapters": "4.1.0-685",
     "@elementor/icons": "^1.68.0",
     "@elementor/ui": "1.36.17",
     "@tanstack/react-virtual": "^3.13.3",

package/src/components/promotions/promotion-alert.tsx

@@ -6,9 +6,10 @@ import { __ } from '@wordpress/i18n';
 type PromotionAlertProps = {
 	message: string;
 	upgradeUrl: string;
+	onCtaClick?: () => void;
 };
 
-export const PromotionAlert = ( { message, upgradeUrl }: PromotionAlertProps ) => (
+export const PromotionAlert = ( { message, upgradeUrl, onCtaClick }: PromotionAlertProps ) => (
 	<Alert
 		variant="standard"
 		color="promotion"
@@ -27,6 +28,7 @@ export const PromotionAlert = ( { message, upgradeUrl }: PromotionAlertProps ) =
 			href={ upgradeUrl }
 			rel="noopener noreferrer"
 			startIcon={ <CrownFilledIcon fontSize="tiny" /> }
+			onClick={ onCtaClick }
 		>
 			{ __( 'Upgrade now', 'elementor' ) }
 		</Button>

package/src/components/promotions/promotion-infotip.tsx

@@ -20,6 +20,7 @@ type InfotipCardProps = {
 	assetUrl: string;
 	ctaUrl: string;
 	onClose: ( e: MouseEvent ) => void;
+	onCtaClick?: () => void;
 };
 
 type PromotionInfotipProps = React.PropsWithChildren<
@@ -28,17 +29,21 @@ type PromotionInfotipProps = React.PropsWithChildren<
 	}
 >;
 
-export const PromotionInfotip = ( { children, open, onClose, ...cardProps }: PromotionInfotipProps ) => {
+export const PromotionInfotip = ( { children, open, onClose, onCtaClick, ...cardProps }: PromotionInfotipProps ) => {
 	useCanvasClickHandler( !! open, onClose );
 
 	return (
-		<Infotip placement="right" content={ <InfotipCard onClose={ onClose } { ...cardProps } /> } open={ open }>
+		<Infotip
+			placement="right"
+			content={ <InfotipCard onClose={ onClose } onCtaClick={ onCtaClick } { ...cardProps } /> }
+			open={ open }
+		>
 			{ children }
 		</Infotip>
 	);
 };
 
-function InfotipCard( { title, content, assetUrl, ctaUrl, onClose }: InfotipCardProps ) {
+function InfotipCard( { title, content, assetUrl, ctaUrl, onClose, onCtaClick }: InfotipCardProps ) {
 	return (
 		<ClickAwayListener
 			disableReactTree={ true }
@@ -58,7 +63,7 @@ function InfotipCard( { title, content, assetUrl, ctaUrl, onClose }: InfotipCard
 					</Typography>
 				</CardContent>
 				<CardActions sx={ { justifyContent: 'flex-start' } }>
-					<CtaButton href={ ctaUrl } />
+					<CtaButton href={ ctaUrl } onClick={ onCtaClick } />
 				</CardActions>
 			</Card>
 		</ClickAwayListener>

package/src/components/promotions/promotion-popover.tsx

@@ -18,6 +18,7 @@ type PromotionPopoverCardProps = {
 	ctaUrl: string;
 	ctaText?: string;
 	onClose: ( e: MouseEvent ) => void;
+	onCtaClick?: () => void;
 };
 
 type PromotionPopoverProps = React.PropsWithChildren<
@@ -66,7 +67,7 @@ export const PromotionPopover = ( {
 	);
 };
 
-function PopoverAlert( { title, content, ctaUrl, ctaText, onClose }: PromotionPopoverCardProps ) {
+function PopoverAlert( { title, content, ctaUrl, ctaText, onClose, onCtaClick }: PromotionPopoverCardProps ) {
 	return (
 		<ClickAwayListener
 			disableReactTree={ true }
@@ -89,6 +90,7 @@ function PopoverAlert( { title, content, ctaUrl, ctaText, onClose }: PromotionPo
 						href={ ctaUrl }
 						target="_blank"
 						rel="noopener noreferrer"
+						onClick={ onCtaClick }
 					>
 						{ ctaText }
 					</AlertAction>