@elementor/editor-controls 4.2.0-895 → 4.2.0-896

package/dist/index.mjs

@@ -8182,8 +8182,8 @@ import { Grid as Grid34, Stack as Stack19 } from "@elementor/ui";
 import { __ as __57 } from "@wordpress/i18n";
 
 // src/hooks/use-form-field-suggestions.ts
-import { getContainer as getContainer2, getSelectedElements as getSelectedElements3 } from "@elementor/editor-elements";
-import { isTransformable as isTransformable3 } from "@elementor/editor-props";
+import { getContainer as getContainer2, getSelectedElements as getSelectedElements3, getWidgetsCache } from "@elementor/editor-elements";
+import { stringPropTypeUtil as stringPropTypeUtil22 } from "@elementor/editor-props";
 import { __privateUseListenTo as useListenTo2, commandEndEvent as commandEndEvent2, v1ReadyEvent } from "@elementor/editor-v1-adapters";
 var FORM_FIELD_WIDGET_TYPES = [
   "e-form-input",
@@ -8194,6 +8194,35 @@ var FORM_FIELD_WIDGET_TYPES = [
   "e-form-date-picker",
   "e-form-time-picker"
 ];
+var FORM_ELEMENT_TYPE = "e-form";
+var CSS_ID_PROP_KEY = "_cssid";
+function isFormFieldWidgetType(widgetType) {
+  return FORM_FIELD_WIDGET_TYPES.includes(widgetType);
+}
+function extractStringPropValue(value) {
+  return stringPropTypeUtil22.extract(value);
+}
+function getSettingWithDefault(child, widgetType, key) {
+  const fromGet = child.settings.get(key);
+  if (fromGet !== null && fromGet !== void 0) {
+    return fromGet;
+  }
+  const schema = getWidgetsCache()?.[widgetType]?.atomic_props_schema;
+  return schema?.[key]?.default ?? null;
+}
+function getFieldCssId(child, widgetType) {
+  return extractStringPropValue(getSettingWithDefault(child, widgetType, CSS_ID_PROP_KEY));
+}
+function getFormContainer(elementId) {
+  let container = getContainer2(elementId);
+  while (container) {
+    if (container.model.get("elType") === FORM_ELEMENT_TYPE) {
+      return container;
+    }
+    container = container.parent ?? null;
+  }
+  return null;
+}
 function useFormFieldSuggestions(options) {
   return useListenTo2(
     [
@@ -8204,32 +8233,33 @@ function useFormFieldSuggestions(options) {
     ],
     () => {
       const selectedElements = getSelectedElements3();
-      const formElement = selectedElements[0];
-      if (!formElement) {
+      const selectedElement = selectedElements[0];
+      if (!selectedElement) {
         return [];
       }
-      const container = getContainer2(formElement.id);
-      if (!container?.children) {
+      const formContainer = getFormContainer(selectedElement.id);
+      if (!formContainer?.children) {
         return [];
       }
       const suggestions = [];
-      container.children.forEachRecursive?.((child) => {
+      const seenCssIds = /* @__PURE__ */ new Set();
+      formContainer.children.forEachRecursive?.((child) => {
         const widgetType = child.model.get("widgetType");
-        if (!widgetType || !FORM_FIELD_WIDGET_TYPES.includes(widgetType)) {
+        if (!widgetType || !isFormFieldWidgetType(widgetType)) {
           return;
         }
         if (options?.inputType) {
-          const typeProp = child.settings.get("type");
-          const typeValue = isTransformable3(typeProp) ? typeProp.value : typeProp;
+          const typeValue = extractStringPropValue(getSettingWithDefault(child, widgetType, "type"));
           if (typeValue !== options.inputType) {
             return;
           }
         }
-        const cssIdProp = child.settings.get("_cssid");
-        const fieldId = isTransformable3(cssIdProp) ? cssIdProp.value : cssIdProp;
-        if (fieldId && typeof fieldId === "string") {
-          suggestions.push({ label: fieldId, value: fieldId });
+        const cssId = getFieldCssId(child, widgetType);
+        if (!cssId || seenCssIds.has(cssId)) {
+          return;
         }
+        seenCssIds.add(cssId);
+        suggestions.push({ label: cssId, value: cssId });
       });
       return suggestions;
     },
@@ -8240,7 +8270,7 @@ function useFormFieldSuggestions(options) {
 // src/controls/email-form-action-control/email-chips-field.tsx
 import * as React116 from "react";
 import { useState as useState19 } from "react";
-import { stringArrayPropTypeUtil as stringArrayPropTypeUtil3, stringPropTypeUtil as stringPropTypeUtil22 } from "@elementor/editor-props";
+import { stringArrayPropTypeUtil as stringArrayPropTypeUtil3, stringPropTypeUtil as stringPropTypeUtil23 } from "@elementor/editor-props";
 import { Autocomplete as Autocomplete4, Grid as Grid32, TextField as TextField11 } from "@elementor/ui";
 
 // src/controls/email-form-action-control/utils.ts
@@ -8267,13 +8297,13 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
   const { value, setValue, disabled } = useBoundProp(stringArrayPropTypeUtil3);
   const [inputValue, setInputValue] = useState19("");
   const items2 = value || [];
-  const selectedValues = items2.map((item) => stringPropTypeUtil22.extract(item)).filter((val) => val !== null);
+  const selectedValues = items2.map((item) => stringPropTypeUtil23.extract(item)).filter((val) => val !== null);
   const tryAddChip = (raw) => {
     const address = raw.trim();
     if (!address || selectedValues.includes(address) || !isValidEmail(address)) {
       return;
     }
-    setValue([...items2, stringPropTypeUtil22.create(address)]);
+    setValue([...items2, stringPropTypeUtil23.create(address)]);
     setInputValue("");
   };
   const handleChange = (_, newValue) => {
@@ -8283,7 +8313,7 @@ var EmailChipsField = ({ fieldLabel, placeholder }) => {
       if (!address || !isValidEmail(address)) {
         continue;
       }
-      updated.push(stringPropTypeUtil22.create(address));
+      updated.push(stringPropTypeUtil23.create(address));
     }
     setValue(updated);
     setInputValue("");