@elementor/editor-controls 3.33.0-96 → 3.33.0-97

package/dist/index.js

@@ -1264,6 +1264,42 @@ var import_i18n5 = require("@wordpress/i18n");
 var React24 = __toESM(require("react"));
 var import_react16 = require("react");
 var import_ui19 = require("@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 = (0, import_react16.createContext)(null);
 var EMPTY_OPEN_ITEM = -1;
 var useRepeaterContext = () => {
@@ -1312,9 +1348,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)];
@@ -5062,6 +5105,29 @@ var transitionsItemsList = transitionProperties.map((category) => ({
   items: category.properties.map((property) => property.label)
 }));
 
+// src/controls/transition-control/trainsition-events.ts
+var import_editor_elements3 = require("@elementor/editor-elements");
+var import_utils5 = require("@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 = (0, import_editor_elements3.getSelectedElements)();
+    const widgetType = selectedElements[0]?.type ?? null;
+    (0, import_utils5.sendMixpanelEvent)({
+      transition_type: value ?? "unknown",
+      ...transitionRepeaterMixpanelEvent,
+      widget_type: widgetType
+    });
+  });
+}
+
 // src/controls/transition-control/transition-selector.tsx
 var React89 = __toESM(require("react"));
 var import_react45 = require("react");
@@ -5219,6 +5285,7 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React90.createElement(
   /* @__PURE__ */ React90.createElement(import_ui78.AlertTitle, null, (0, import_i18n47.__)("Transitions", "elementor")),
   /* @__PURE__ */ React90.createElement(import_ui78.Box, { component: "span" }, /* @__PURE__ */ React90.createElement(import_ui78.Typography, { variant: "body2" }, (0, import_i18n47.__)("Switch to 'Normal' state to add a transition.", "elementor")))
 );
+subscribeToTransitionEvent();
 var TransitionRepeaterControl = createControl(
   ({
     recentlyUsedListGetter,