@elementor/editor-editing-panel 4.0.0-manual → 4.1.0-684

package/dist/index.js

@@ -2066,6 +2066,15 @@ var import_i18n7 = require("@wordpress/i18n");
 // src/utils/prop-dependency-utils.ts
 var import_editor_props5 = require("@elementor/editor-props");
 var import_session4 = require("@elementor/session");
+function getElementSettingsWithDefaults(propsSchema, elementSettings) {
+  const elementSettingsWithDefaults = { ...elementSettings };
+  Object.keys(propsSchema).forEach((key) => {
+    if (elementSettingsWithDefaults[key] === null && propsSchema[key].default !== null) {
+      elementSettingsWithDefaults[key] = propsSchema[key].default;
+    }
+  });
+  return elementSettingsWithDefaults;
+}
 function extractOrderedDependencies(dependenciesPerTargetMapping) {
   return Object.values(dependenciesPerTargetMapping).flat().filter((dependent, index, self) => self.indexOf(dependent) === index);
 }
@@ -2211,19 +2220,8 @@ var createTopLevelObjectType = ({ schema }) => {
 
 // src/controls-registry/settings-field.tsx
 var HISTORY_DEBOUNCE_WAIT2 = 800;
-var getElementSettigsWithDefaults = (propsSchema, elementSettings) => {
-  const elementSettingsWithDefaults = { ...elementSettings };
-  Object.keys(propsSchema).forEach((key) => {
-    if (!(key in elementSettingsWithDefaults)) {
-      if (propsSchema[key].default !== null) {
-        elementSettingsWithDefaults[key] = propsSchema[key].default;
-      }
-    }
-  });
-  return elementSettingsWithDefaults;
-};
 var extractDependencyEffect = (bind, propsSchema, currentElementSettings) => {
-  const elementSettingsForDepCheck = getElementSettigsWithDefaults(propsSchema, currentElementSettings);
+  const elementSettingsForDepCheck = getElementSettingsWithDefaults(propsSchema, currentElementSettings);
   const propType = propsSchema[bind];
   const depCheck = (0, import_editor_props6.isDependencyMet)(propType?.dependencies, elementSettingsForDepCheck);
   const isHidden = !depCheck.isMet && !(0, import_editor_props6.isDependency)(depCheck.failingDependencies[0]) && depCheck.failingDependencies[0]?.effect === "hide";
@@ -4808,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(
@@ -4817,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()
         }
       }
@@ -5477,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");
@@ -5498,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" });
+    } else if (expired) {
+      (0, import_editor_controls57.trackViewPromotion)({ target_name: "dynamic_tags" });
+    }
+  }, [hasNoDynamicTags, expired]);
   const handleSearch = (value) => {
     setSearchValue(value);
   };
@@ -5585,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" })
+    }
+  )
 ));
 var ExpiredDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fragment, null, /* @__PURE__ */ React87.createElement(import_ui38.Divider, null), /* @__PURE__ */ React87.createElement(
   import_ui38.Stack,
@@ -5601,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();