@elementor/editor-editing-panel 3.35.0-458 → 3.35.0-459

package/dist/index.js

@@ -2945,12 +2945,12 @@ var import_ui20 = require("@elementor/ui");
 
 // src/sync/get-elementor-globals.ts
 var getElementorConfig = () => {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.config ?? {};
+  const extendedWindow2 = window;
+  return extendedWindow2.elementor?.config ?? {};
 };
 var getElementorFrontendConfig = () => {
-  const extendedWindow = window;
-  return extendedWindow.elementorFrontend?.config ?? {};
+  const extendedWindow2 = window;
+  return extendedWindow2.elementorFrontend?.config ?? {};
 };
 
 // src/hooks/use-direction.ts
@@ -4941,8 +4941,8 @@ var import_react38 = require("react");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_i18n58 = require("@wordpress/i18n");
 function getCustomCssPromotion() {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.config?.v4Promotions?.customCss;
+  const extendedWindow2 = window;
+  return extendedWindow2.elementor?.config?.v4Promotions?.customCss;
 }
 var CustomCssSection = () => {
   const [showInfoTip, setShowInfoTip] = (0, import_react38.useState)(false);
@@ -5381,15 +5381,9 @@ var import_react40 = require("react");
 var import_react39 = require("react");
 var import_editor_controls54 = require("@elementor/editor-controls");
 
-// src/dynamics/sync/get-elementor-config.ts
-var getElementorConfig2 = () => {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.config ?? {};
-};
-
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var getAtomicDynamicTags = () => {
-  const { atomicDynamicTags } = getElementorConfig2();
+  const { atomicDynamicTags } = getElementorConfig();
   if (!atomicDynamicTags) {
     return null;
   }
@@ -5403,6 +5397,17 @@ var getAtomicDynamicTags = () => {
 var import_editor_props17 = require("@elementor/editor-props");
 var import_schema = require("@elementor/schema");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
+var dynamicPropTypeUtil = (0, import_editor_props17.createPropUtils)(
+  DYNAMIC_PROP_TYPE_KEY,
+  import_schema.z.strictObject({
+    name: import_schema.z.string(),
+    group: import_schema.z.string(),
+    settings: import_schema.z.any().optional()
+  })
+);
+var isDynamicTagSupported = (tagName) => {
+  return !!getElementorConfig()?.atomicDynamicTags?.tags?.[tagName];
+};
 var isDynamicPropType = (prop) => prop.key === DYNAMIC_PROP_TYPE_KEY;
 var getDynamicPropType = (propType) => {
   const dynamicPropType = propType.kind === "union" && propType.prop_types[DYNAMIC_PROP_TYPE_KEY];
@@ -5414,14 +5419,6 @@ var isDynamicPropValue = (prop) => {
 var supportsDynamic = (propType) => {
   return !!getDynamicPropType(propType);
 };
-var dynamicPropTypeUtil = (0, import_editor_props17.createPropUtils)(
-  DYNAMIC_PROP_TYPE_KEY,
-  import_schema.z.strictObject({
-    name: import_schema.z.string(),
-    group: import_schema.z.string(),
-    settings: import_schema.z.any().optional()
-  })
-);
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var usePropDynamicTags = () => {
@@ -5702,13 +5699,21 @@ var useFilteredOptions = (searchValue) => {
 // src/dynamics/components/dynamic-selection-control.tsx
 var SIZE5 = "tiny";
 var tagsWithoutTabs = ["popup"];
-var DynamicSelectionControl = () => {
-  const { setValue: setAnyValue } = (0, import_editor_controls58.useBoundProp)();
+var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
+  const { setValue: setAnyValue, propType } = (0, import_editor_controls58.useBoundProp)();
   const { bind, value } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
+  const originalPropType = createTopLevelObjectType({
+    schema: {
+      [bind]: propType
+    }
+  });
   const [propValueFromHistory] = usePersistDynamicValue(bind);
   const selectionPopoverState = (0, import_ui42.usePopupState)({ variant: "popover" });
   const { name: tagName = "" } = value;
   const dynamicTag = useDynamicTag(tagName);
+  if (!isDynamicTagSupported(tagName) && OriginalControl) {
+    return /* @__PURE__ */ React92.createElement(import_editor_controls58.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React92.createElement(import_editor_controls58.PropKeyProvider, { bind }, /* @__PURE__ */ React92.createElement(OriginalControl, { ...props })));
+  }
   const removeDynamicTag = () => {
     setAnyValue(propValueFromHistory ?? null);
   };
@@ -5872,11 +5877,12 @@ var DynamicTagsManagerNotFoundError = (0, import_utils9.createError)({
 });
 
 // src/dynamics/dynamic-transformer.ts
-var dynamicTransformer = (0, import_editor_canvas2.createTransformer)((value) => {
-  if (!value.name) {
-    return null;
+var extendedWindow = window;
+var dynamicTransformer = (0, import_editor_canvas2.createTransformer)((value, { propType }) => {
+  if (!value?.name || !isDynamicTagSupported(value.name)) {
+    return propType?.default ?? null;
   }
-  return getDynamicValue(value.name, simpleTransform(value.settings ?? {}));
+  return getDynamicValue(value.name, simpleTransform(value?.settings ?? {}));
 });
 function simpleTransform(props) {
   const transformed = Object.entries(props).map(([settingKey, settingValue]) => {
@@ -5886,7 +5892,6 @@ function simpleTransform(props) {
   return Object.fromEntries(transformed);
 }
 function getDynamicValue(name, settings) {
-  const extendedWindow = window;
   const { dynamicTags } = extendedWindow.elementor ?? {};
   if (!dynamicTags) {
     throw new DynamicTagsManagerNotFoundError();