@elementor/editor-editing-panel 4.0.0-502 → 4.0.0-503

package/dist/index.js

@@ -5303,23 +5303,53 @@ var import_editor_props18 = require("@elementor/editor-props");
 var import_icons23 = require("@elementor/icons");
 
 // src/dynamics/hooks/use-dynamic-tag.ts
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_editor_controls53 = require("@elementor/editor-controls");
 
+// src/hooks/use-license-config.ts
+var import_react38 = require("react");
+var config = { expired: false };
+var listeners = /* @__PURE__ */ new Set();
+function setLicenseConfig(newConfig) {
+  config = { ...config, ...newConfig };
+  listeners.forEach((listener) => listener());
+}
+function getLicenseConfig() {
+  return config;
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function useLicenseConfig() {
+  return (0, import_react38.useSyncExternalStore)(subscribe, getLicenseConfig, getLicenseConfig);
+}
+
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
-var getAtomicDynamicTags = () => {
+var getAtomicDynamicTags = (shouldFilterByLicense = true) => {
   const { atomicDynamicTags } = getElementorConfig();
   if (!atomicDynamicTags) {
     return null;
   }
   return {
-    tags: atomicDynamicTags.tags,
+    tags: shouldFilterByLicense ? filterByLicense(atomicDynamicTags.tags) : atomicDynamicTags.tags,
     groups: atomicDynamicTags.groups
   };
 };
+var filterByLicense = (tags) => {
+  const { expired } = getLicenseConfig();
+  if (expired) {
+    return Object.fromEntries(
+      Object.entries(tags).filter(
+        ([, tag]) => !(tag?.meta?.origin === "elementor" && tag?.meta?.required_license)
+      )
+    );
+  }
+  return tags;
+};
 
 // src/dynamics/utils.ts
 var import_editor_props17 = require("@elementor/editor-props");
@@ -5350,16 +5380,27 @@ var supportsDynamic = (propType) => {
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var usePropDynamicTags = () => {
+  return usePropDynamicTagsInternal(true);
+};
+var useAllPropDynamicTags = () => {
+  return usePropDynamicTagsInternal(false);
+};
+var usePropDynamicTagsInternal = (filterByLicense2) => {
   let categories = [];
   const { propType } = (0, import_editor_controls53.useBoundProp)();
   if (propType) {
     const propDynamicType = getDynamicPropType(propType);
     categories = propDynamicType?.settings.categories || [];
   }
-  return (0, import_react38.useMemo)(() => getDynamicTagsByCategories(categories), [categories.join()]);
+  const categoriesKey = categories.join();
+  return (0, import_react39.useMemo)(
+    () => getDynamicTagsByCategories(categories, filterByLicense2),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [categoriesKey, filterByLicense2]
+  );
 };
-var getDynamicTagsByCategories = (categories) => {
-  const { tags, groups } = getAtomicDynamicTags() || {};
+var getDynamicTagsByCategories = (categories, filterByLicense2) => {
+  const { tags, groups } = getAtomicDynamicTags(filterByLicense2) || {};
   if (!categories.length || !tags || !groups) {
     return [];
   }
@@ -5385,8 +5426,8 @@ var getDynamicTagsByCategories = (categories) => {
 
 // src/dynamics/hooks/use-dynamic-tag.ts
 var useDynamicTag = (tagName) => {
-  const dynamicTags = usePropDynamicTags();
-  return (0, import_react39.useMemo)(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
+  const dynamicTags = useAllPropDynamicTags();
+  return (0, import_react40.useMemo)(() => dynamicTags.find((tag) => tag.name === tagName) ?? null, [dynamicTags, tagName]);
 };
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
@@ -5414,25 +5455,6 @@ var import_icons25 = require("@elementor/icons");
 var import_ui41 = require("@elementor/ui");
 var import_i18n62 = require("@wordpress/i18n");
 
-// src/hooks/use-license-config.ts
-var import_react40 = require("react");
-var config = { expired: false };
-var listeners = /* @__PURE__ */ new Set();
-function setLicenseConfig(newConfig) {
-  config = { ...config, ...newConfig };
-  listeners.forEach((listener) => listener());
-}
-function getConfig() {
-  return config;
-}
-function subscribe(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-}
-function useLicenseConfig() {
-  return (0, import_react40.useSyncExternalStore)(subscribe, getConfig, getConfig);
-}
-
 // src/hooks/use-persist-dynamic-value.ts
 var import_session9 = require("@elementor/session");
 var usePersistDynamicValue = (propKey) => {