@elementor/editor-controls 4.0.0-680 → 4.0.0-682

package/dist/index.mjs

@@ -5972,6 +5972,47 @@ import { PromotionAlert, PromotionChip } from "@elementor/editor-ui";
 import { ChevronDownIcon as ChevronDownIcon3, VariationsIcon } from "@elementor/icons";
 import { bindPopover as bindPopover6, bindTrigger as bindTrigger5, Box as Box19, Popover as Popover6, UnstableTag as UnstableTag3, usePopupState as usePopupState7 } from "@elementor/ui";
 import { __ as __49 } from "@wordpress/i18n";
+
+// src/utils/tracking.ts
+import { getSelectedElements as getSelectedElements2 } from "@elementor/editor-elements";
+import { getMixpanel } from "@elementor/events";
+var getBaseEventProperties = (data, config) => ({
+  app_type: config?.appTypes?.editor ?? "editor",
+  window_name: config?.appTypes?.editor ?? "editor",
+  interaction_type: config?.triggers?.click ?? "Click",
+  target_name: data.target_name,
+  target_location: data.target_location ?? "widget_panel",
+  location_l1: data.location_l1 ?? getSelectedElements2()[0]?.type ?? "",
+  ...data.location_l2 && { location_l2: data.location_l2 }
+});
+var dispatchPromotionEvent = (data, resolveOptions) => {
+  const { dispatchEvent, config } = getMixpanel();
+  const { eventName, interactionResult, interactionDescription } = resolveOptions(config);
+  if (!eventName) {
+    return;
+  }
+  dispatchEvent?.(eventName, {
+    ...getBaseEventProperties(data, config),
+    interaction_result: interactionResult,
+    interaction_description: interactionDescription
+  });
+};
+var trackViewPromotion = (data) => {
+  dispatchPromotionEvent(data, (config) => ({
+    eventName: config?.names?.promotions?.viewPromotion,
+    interactionResult: config?.interactionResults?.promotionViewed ?? "promotion_viewed",
+    interactionDescription: "user_viewed_promotion"
+  }));
+};
+var trackUpgradePromotionClick = (data) => {
+  dispatchPromotionEvent(data, (config) => ({
+    eventName: config?.names?.promotions?.upgradePromotionClick,
+    interactionResult: config?.interactionResults?.upgradeNow ?? "upgrade_now",
+    interactionDescription: "user_clicked_upgrade_now"
+  }));
+};
+
+// src/controls/transition-control/transition-selector.tsx
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
     const property = category.properties.find((prop) => prop.label === label);
@@ -6109,7 +6150,11 @@ var TransitionSelector = ({
               "Upgrade to customize transition properties and control effects.",
               "elementor"
             ),
-            upgradeUrl: PRO_UPGRADE_URL
+            upgradeUrl: PRO_UPGRADE_URL,
+            onCtaClick: () => trackUpgradePromotionClick({
+              target_name: "transition_property",
+              location_l2: "style"
+            })
           }
         ) : null
       }
@@ -6713,47 +6758,6 @@ import * as React103 from "react";
 import { forwardRef as forwardRef11, useCallback as useCallback4, useImperativeHandle, useState as useState17 } from "react";
 import { PromotionChip as PromotionChip2, PromotionInfotip } from "@elementor/editor-ui";
 import { Box as Box25 } from "@elementor/ui";
-
-// src/utils/tracking.ts
-import { getSelectedElements as getSelectedElements2 } from "@elementor/editor-elements";
-import { getMixpanel } from "@elementor/events";
-var getBaseEventProperties = (data, config) => ({
-  app_type: config?.appTypes?.editor ?? "editor",
-  window_name: config?.appTypes?.editor ?? "editor",
-  interaction_type: config?.triggers?.click ?? "Click",
-  target_name: data.target_name,
-  target_location: data.target_location ?? "widget_panel",
-  location_l1: data.location_l1 ?? getSelectedElements2()[0]?.type ?? "",
-  ...data.location_l2 && { location_l2: data.location_l2 }
-});
-var dispatchPromotionEvent = (data, resolveOptions) => {
-  const { dispatchEvent, config } = getMixpanel();
-  const { eventName, interactionResult, interactionDescription } = resolveOptions(config);
-  if (!eventName) {
-    return;
-  }
-  dispatchEvent?.(eventName, {
-    ...getBaseEventProperties(data, config),
-    interaction_result: interactionResult,
-    interaction_description: interactionDescription
-  });
-};
-var trackViewPromotion = (data) => {
-  dispatchPromotionEvent(data, (config) => ({
-    eventName: config?.names?.promotions?.viewPromotion,
-    interactionResult: config?.interactionResults?.promotionViewed ?? "promotion_viewed",
-    interactionDescription: "user_viewed_promotion"
-  }));
-};
-var trackUpgradePromotionClick = (data) => {
-  dispatchPromotionEvent(data, (config) => ({
-    eventName: config?.names?.promotions?.upgradePromotionClick,
-    interactionResult: config?.interactionResults?.upgradeNow ?? "upgrade_now",
-    interactionDescription: "user_clicked_upgrade_now"
-  }));
-};
-
-// src/components/promotions/promotion-trigger.tsx
 function getV4Promotion(key) {
   return window.elementor?.config?.v4Promotions?.[key];
 }