@elementor/editor-controls 4.0.0-676 → 4.0.0-677

package/dist/index.mjs

@@ -6710,18 +6710,66 @@ import { __ as __52 } from "@wordpress/i18n";
 
 // src/components/promotions/promotion-trigger.tsx
 import * as React103 from "react";
-import { forwardRef as forwardRef11, useImperativeHandle, useState as useState17 } 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];
 }
 var PromotionTrigger = forwardRef11(
-  ({ promotionKey, children }, ref) => {
+  ({ promotionKey, children, trackingData }, ref) => {
     const [isOpen, setIsOpen] = useState17(false);
     const promotion = getV4Promotion(promotionKey);
-    const toggle = () => setIsOpen((prev) => !prev);
-    useImperativeHandle(ref, () => ({ toggle }), []);
+    const toggle = useCallback4(() => {
+      setIsOpen((prev) => {
+        if (!prev) {
+          trackViewPromotion(trackingData);
+        }
+        return !prev;
+      });
+    }, [trackingData]);
+    useImperativeHandle(ref, () => ({ toggle }), [toggle]);
     return /* @__PURE__ */ React103.createElement(React103.Fragment, null, promotion && /* @__PURE__ */ React103.createElement(
       PromotionInfotip,
       {
@@ -6733,7 +6781,8 @@ var PromotionTrigger = forwardRef11(
         onClose: (e) => {
           e.stopPropagation();
           setIsOpen(false);
-        }
+        },
+        onCtaClick: () => trackUpgradePromotionClick(trackingData)
       },
       /* @__PURE__ */ React103.createElement(
         Box25,
@@ -6752,6 +6801,7 @@ var PromotionTrigger = forwardRef11(
 
 // src/components/promotions/display-conditions-control.tsx
 var ARIA_LABEL = __52("Display Conditions", "elementor");
+var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
 var DisplayConditionsControl = createControl(() => {
   const triggerRef = useRef25(null);
   return /* @__PURE__ */ React104.createElement(
@@ -6764,7 +6814,7 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React104.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
+    /* @__PURE__ */ React104.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions", trackingData: TRACKING_DATA }),
     /* @__PURE__ */ React104.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React104.createElement(
       IconButton8,
       {
@@ -6790,6 +6840,7 @@ import { PlusIcon as PlusIcon3 } from "@elementor/icons";
 import { Stack as Stack19, Tooltip as Tooltip10 } from "@elementor/ui";
 import { __ as __53 } from "@wordpress/i18n";
 var ARIA_LABEL2 = __53("Attributes", "elementor");
+var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
 var AttributesControl = createControl(() => {
   const triggerRef = useRef26(null);
   return /* @__PURE__ */ React105.createElement(
@@ -6802,7 +6853,7 @@ var AttributesControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React105.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
+    /* @__PURE__ */ React105.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes", trackingData: TRACKING_DATA2 }),
     /* @__PURE__ */ React105.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React105.createElement(
       PlusIcon3,
       {
@@ -7574,6 +7625,8 @@ export {
   injectIntoRepeaterItemLabel,
   isUnitExtendedOption,
   registerControlReplacement,
+  trackUpgradePromotionClick,
+  trackViewPromotion,
   transitionProperties,
   transitionsItemsList,
   useBoundProp,