@elementor/editor-controls 3.32.0-95 → 3.33.0-97

package/dist/index.mjs

@@ -1186,6 +1186,42 @@ import { __ as __5, sprintf } from "@wordpress/i18n";
 import * as React24 from "react";
 import { createContext as createContext6, useState as useState6 } from "react";
 import { usePopupState as usePopupState3 } from "@elementor/ui";
+
+// src/services/event-bus.ts
+var EventBus = class {
+  listeners = /* @__PURE__ */ new Map();
+  subscribe(eventName, callback) {
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, /* @__PURE__ */ new Set());
+    }
+    const eventListeners = this.listeners.get(eventName);
+    if (eventListeners) {
+      eventListeners.add(callback);
+    }
+  }
+  unsubscribe(eventName, callback) {
+    const eventListeners = this.listeners.get(eventName);
+    if (!eventListeners) {
+      return;
+    }
+    eventListeners.delete(callback);
+    if (eventListeners.size === 0) {
+      this.listeners.delete(eventName);
+    }
+  }
+  emit(eventName, data) {
+    const eventListeners = this.listeners.get(eventName);
+    if (eventListeners) {
+      eventListeners.forEach((callback) => callback(data));
+    }
+  }
+  clearAll() {
+    this.listeners.clear();
+  }
+};
+var eventBus = new EventBus();
+
+// src/components/unstable-repeater/context/repeater-context.tsx
 var RepeaterContext = createContext6(null);
 var EMPTY_OPEN_ITEM = -1;
 var useRepeaterContext = () => {
@@ -1234,9 +1270,16 @@ var RepeaterContextProvider = ({
     setItems(newItems);
     setOpenItemIndex(newIndex);
     popoverState.open(rowRef ?? ev);
+    eventBus.emit(`${propTypeUtil.key}-item-added`, {
+      itemValue: initial.value
+    });
   };
   const removeItem = (index) => {
+    const itemToRemove = items2[index];
     setItems(items2.filter((_, pos) => pos !== index));
+    eventBus.emit(`${propTypeUtil.key}-item-removed`, {
+      itemValue: itemToRemove?.value
+    });
   };
   const updateItem = (updatedItem, index) => {
     const newItems = [...items2.slice(0, index), updatedItem, ...items2.slice(index + 1)];
@@ -5068,6 +5111,29 @@ var transitionsItemsList = transitionProperties.map((category) => ({
   items: category.properties.map((property) => property.label)
 }));
 
+// src/controls/transition-control/trainsition-events.ts
+import { getSelectedElements } from "@elementor/editor-elements";
+import { sendMixpanelEvent } from "@elementor/utils";
+var transitionRepeaterMixpanelEvent = {
+  eventName: "click_added_transition",
+  location: "V4 Style Tab",
+  secondaryLocation: "Transition control",
+  trigger: "click"
+};
+function subscribeToTransitionEvent() {
+  eventBus.subscribe("transition-item-added", (data) => {
+    const payload = data;
+    const value = payload?.itemValue?.selection?.value?.value?.value;
+    const selectedElements = getSelectedElements();
+    const widgetType = selectedElements[0]?.type ?? null;
+    sendMixpanelEvent({
+      transition_type: value ?? "unknown",
+      ...transitionRepeaterMixpanelEvent,
+      widget_type: widgetType
+    });
+  });
+}
+
 // src/controls/transition-control/transition-selector.tsx
 import * as React89 from "react";
 import { useRef as useRef23 } from "react";
@@ -5225,6 +5291,7 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React90.createElement(
   /* @__PURE__ */ React90.createElement(AlertTitle2, null, __47("Transitions", "elementor")),
   /* @__PURE__ */ React90.createElement(Box18, { component: "span" }, /* @__PURE__ */ React90.createElement(Typography6, { variant: "body2" }, __47("Switch to 'Normal' state to add a transition.", "elementor")))
 );
+subscribeToTransitionEvent();
 var TransitionRepeaterControl = createControl(
   ({
     recentlyUsedListGetter,