@elementor/editor-editing-panel 4.0.0-675 → 4.0.0-677

package/dist/index.js

@@ -4806,6 +4806,7 @@ var React82 = __toESM(require("react"));
 var import_react35 = require("react");
 var import_editor_controls50 = require("@elementor/editor-controls");
 var import_i18n56 = require("@wordpress/i18n");
+var TRACKING_DATA = { target_name: "custom_css", location_l2: "style" };
 var CustomCssSection = () => {
   const triggerRef = (0, import_react35.useRef)(null);
   return /* @__PURE__ */ React82.createElement(
@@ -4815,7 +4816,7 @@ var CustomCssSection = () => {
         name: "Custom CSS",
         title: (0, import_i18n56.__)("Custom CSS", "elementor"),
         action: {
-          component: /* @__PURE__ */ React82.createElement(import_editor_controls50.PromotionTrigger, { ref: triggerRef, promotionKey: "customCss" }),
+          component: /* @__PURE__ */ React82.createElement(import_editor_controls50.PromotionTrigger, { ref: triggerRef, promotionKey: "customCss", trackingData: TRACKING_DATA }),
           onClick: () => triggerRef.current?.toggle()
         }
       }
@@ -5475,8 +5476,8 @@ var DynamicControl = ({ bind, children }) => {
 };
 
 // src/dynamics/components/dynamic-selection.tsx
-var import_react39 = require("react");
 var React87 = __toESM(require("react"));
+var import_react39 = require("react");
 var import_editor_controls57 = require("@elementor/editor-controls");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_icons24 = require("@elementor/icons");
@@ -5496,6 +5497,13 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
   const isCurrentValueDynamic = !!dynamicValue;
   const options12 = useFilteredOptions(searchValue);
   const hasNoDynamicTags = !options12.length && !searchValue.trim();
+  (0, import_react39.useEffect)(() => {
+    if (hasNoDynamicTags) {
+      (0, import_editor_controls57.trackViewPromotion)({ target_name: "dynamic_tags", location_l1: "style" });
+    } else if (expired) {
+      (0, import_editor_controls57.trackViewPromotion)({ target_name: "dynamic_tags" });
+    }
+  }, [hasNoDynamicTags, expired]);
   const handleSearch = (value) => {
     setSearchValue(value);
   };
@@ -5583,7 +5591,14 @@ var NoDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fragment
   /* @__PURE__ */ React87.createElement(import_icons24.DatabaseIcon, { fontSize: "large" }),
   /* @__PURE__ */ React87.createElement(import_ui38.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n59.__)("Streamline your workflow with dynamic tags", "elementor")),
   /* @__PURE__ */ React87.createElement(import_ui38.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n59.__)("Upgrade now to display your content dynamically.", "elementor")),
-  /* @__PURE__ */ React87.createElement(import_editor_ui8.CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
+  /* @__PURE__ */ React87.createElement(
+    import_editor_ui8.CtaButton,
+    {
+      size: "small",
+      href: PRO_DYNAMIC_TAGS_URL,
+      onClick: () => (0, import_editor_controls57.trackUpgradePromotionClick)({ target_name: "dynamic_tags", location_l1: "style" })
+    }
+  )
 ));
 var ExpiredDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fragment, null, /* @__PURE__ */ React87.createElement(import_ui38.Divider, null), /* @__PURE__ */ React87.createElement(
   import_ui38.Stack,
@@ -5599,7 +5614,15 @@ var ExpiredDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fra
   /* @__PURE__ */ React87.createElement(import_icons24.DatabaseIcon, { fontSize: "large" }),
   /* @__PURE__ */ React87.createElement(import_ui38.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n59.__)("Unlock your Dynamic tags again", "elementor")),
   /* @__PURE__ */ React87.createElement(import_ui38.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n59.__)("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
-  /* @__PURE__ */ React87.createElement(import_editor_ui8.CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children: (0, import_i18n59.__)("Renew Now", "elementor") })
+  /* @__PURE__ */ React87.createElement(
+    import_editor_ui8.CtaButton,
+    {
+      size: "small",
+      href: RENEW_DYNAMIC_TAGS_URL,
+      onClick: () => (0, import_editor_controls57.trackUpgradePromotionClick)({ target_name: "dynamic_tags" }),
+      children: (0, import_i18n59.__)("Renew Now", "elementor")
+    }
+  )
 ));
 var useFilteredOptions = (searchValue) => {
   const dynamicTags = usePropDynamicTags();