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

package/dist/index.mjs

@@ -2083,6 +2083,15 @@ import {
   isDependencyMet
 } from "@elementor/editor-props";
 import { getSessionStorageItem as getSessionStorageItem2, removeSessionStorageItem, setSessionStorageItem as setSessionStorageItem2 } from "@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);
 }
@@ -2228,19 +2237,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 = isDependencyMet2(propType?.dependencies, elementSettingsForDepCheck);
   const isHidden = !depCheck.isMet && !isDependency(depCheck.failingDependencies[0]) && depCheck.failingDependencies[0]?.effect === "hide";
@@ -4874,6 +4872,7 @@ import * as React82 from "react";
 import { useRef as useRef15 } from "react";
 import { PromotionTrigger } from "@elementor/editor-controls";
 import { __ as __56 } from "@wordpress/i18n";
+var TRACKING_DATA = { target_name: "custom_css", location_l2: "style" };
 var CustomCssSection = () => {
   const triggerRef = useRef15(null);
   return /* @__PURE__ */ React82.createElement(
@@ -4883,7 +4882,7 @@ var CustomCssSection = () => {
         name: "Custom CSS",
         title: __56("Custom CSS", "elementor"),
         action: {
-          component: /* @__PURE__ */ React82.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "customCss" }),
+          component: /* @__PURE__ */ React82.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "customCss", trackingData: TRACKING_DATA }),
           onClick: () => triggerRef.current?.toggle()
         }
       }
@@ -5586,9 +5585,9 @@ var DynamicControl = ({ bind, children }) => {
 };
 
 // src/dynamics/components/dynamic-selection.tsx
-import { Fragment as Fragment13, useState as useState10 } from "react";
 import * as React87 from "react";
-import { useBoundProp as useBoundProp9 } from "@elementor/editor-controls";
+import { Fragment as Fragment14, useEffect as useEffect7, useState as useState10 } from "react";
+import { trackUpgradePromotionClick, trackViewPromotion, useBoundProp as useBoundProp9 } from "@elementor/editor-controls";
 import { CtaButton, PopoverHeader, PopoverMenuList, SearchField, SectionPopoverBody } from "@elementor/editor-ui";
 import { DatabaseIcon as DatabaseIcon2 } from "@elementor/icons";
 import { Divider as Divider7, Link as Link2, Stack as Stack15, Typography as Typography5, useTheme as useTheme3 } from "@elementor/ui";
@@ -5607,6 +5606,13 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
   const isCurrentValueDynamic = !!dynamicValue;
   const options12 = useFilteredOptions(searchValue);
   const hasNoDynamicTags = !options12.length && !searchValue.trim();
+  useEffect7(() => {
+    if (hasNoDynamicTags) {
+      trackViewPromotion({ target_name: "dynamic_tags" });
+    } else if (expired) {
+      trackViewPromotion({ target_name: "dynamic_tags" });
+    }
+  }, [hasNoDynamicTags, expired]);
   const handleSearch = (value) => {
     setSearchValue(value);
   };
@@ -5637,7 +5643,7 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
     if (expired) {
       return /* @__PURE__ */ React87.createElement(ExpiredDynamicTags, null);
     }
-    return /* @__PURE__ */ React87.createElement(Fragment13, null, /* @__PURE__ */ React87.createElement(
+    return /* @__PURE__ */ React87.createElement(Fragment14, null, /* @__PURE__ */ React87.createElement(
       SearchField,
       {
         value: searchValue,
@@ -5694,7 +5700,14 @@ var NoDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fragment
   /* @__PURE__ */ React87.createElement(DatabaseIcon2, { fontSize: "large" }),
   /* @__PURE__ */ React87.createElement(Typography5, { align: "center", variant: "subtitle2" }, __59("Streamline your workflow with dynamic tags", "elementor")),
   /* @__PURE__ */ React87.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __59("Upgrade now to display your content dynamically.", "elementor")),
-  /* @__PURE__ */ React87.createElement(CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
+  /* @__PURE__ */ React87.createElement(
+    CtaButton,
+    {
+      size: "small",
+      href: PRO_DYNAMIC_TAGS_URL,
+      onClick: () => trackUpgradePromotionClick({ target_name: "dynamic_tags" })
+    }
+  )
 ));
 var ExpiredDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fragment, null, /* @__PURE__ */ React87.createElement(Divider7, null), /* @__PURE__ */ React87.createElement(
   Stack15,
@@ -5710,7 +5723,15 @@ var ExpiredDynamicTags = () => /* @__PURE__ */ React87.createElement(React87.Fra
   /* @__PURE__ */ React87.createElement(DatabaseIcon2, { fontSize: "large" }),
   /* @__PURE__ */ React87.createElement(Typography5, { align: "center", variant: "subtitle2" }, __59("Unlock your Dynamic tags again", "elementor")),
   /* @__PURE__ */ React87.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __59("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
-  /* @__PURE__ */ React87.createElement(CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children: __59("Renew Now", "elementor") })
+  /* @__PURE__ */ React87.createElement(
+    CtaButton,
+    {
+      size: "small",
+      href: RENEW_DYNAMIC_TAGS_URL,
+      onClick: () => trackUpgradePromotionClick({ target_name: "dynamic_tags" }),
+      children: __59("Renew Now", "elementor")
+    }
+  )
 ));
 var useFilteredOptions = (searchValue) => {
   const dynamicTags = usePropDynamicTags();
@@ -6108,7 +6129,7 @@ import {
 import { __ as __65 } from "@wordpress/i18n";
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
-import { isValidElement, useEffect as useEffect7, useState as useState11 } from "react";
+import { isValidElement, useEffect as useEffect8, useState as useState11 } from "react";
 import { UnknownStyleStateError } from "@elementor/editor-canvas";
 import {
   isClassState as isClassState2,
@@ -6119,7 +6140,7 @@ import { __ as __63 } from "@wordpress/i18n";
 var MAXIMUM_ITEMS = 2;
 var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
   const [items3, setItems] = useState11([]);
-  useEffect7(() => {
+  useEffect8(() => {
     (async () => {
       const normalizedItems = await Promise.all(
         inheritanceChain.filter(({ style }) => style).map((item, index) => normalizeInheritanceItem(item, index, bind, resolve))