@elementor/editor-editing-panel 3.35.0-491 → 3.35.0-493

package/dist/index.d.mts

@@ -1368,4 +1368,9 @@ declare function doGetAppliedClasses(elementId: string, classesPropType?: string
 declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
 declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+type LicenseConfig = {
+    expired: boolean;
+};
+declare function setLicenseConfig(newConfig: Partial<LicenseConfig>): void;
+
+export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.d.ts

@@ -1368,4 +1368,9 @@ declare function doGetAppliedClasses(elementId: string, classesPropType?: string
 declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
 declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+type LicenseConfig = {
+    expired: boolean;
+};
+declare function setLicenseConfig(newConfig: Partial<LicenseConfig>): void;
+
+export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.js

@@ -61,6 +61,7 @@ __export(index_exports, {
   registerEditingPanelReplacement: () => registerEditingPanelReplacement,
   registerFieldIndicator: () => registerFieldIndicator,
   registerStyleProviderToColors: () => registerStyleProviderToColors,
+  setLicenseConfig: () => setLicenseConfig,
   stylesInheritanceTransformersRegistry: () => stylesInheritanceTransformersRegistry,
   useBoundProp: () => import_editor_controls63.useBoundProp,
   useClassesProp: () => useClassesProp,
@@ -5487,6 +5488,25 @@ var import_icons25 = require("@elementor/icons");
 var import_ui42 = require("@elementor/ui");
 var import_i18n62 = require("@wordpress/i18n");
 
+// src/hooks/use-license-config.ts
+var import_react41 = 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_react41.useSyncExternalStore)(subscribe, getConfig, getConfig);
+}
+
 // src/hooks/use-persist-dynamic-value.ts
 var import_session9 = require("@elementor/session");
 var usePersistDynamicValue = (propKey) => {
@@ -5581,7 +5601,7 @@ var DynamicControl = ({ bind, children }) => {
 };
 
 // src/dynamics/components/dynamic-selection.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var React91 = __toESM(require("react"));
 var import_editor_controls57 = require("@elementor/editor-controls");
 var import_editor_ui9 = require("@elementor/editor-ui");
@@ -5591,8 +5611,9 @@ var import_i18n61 = require("@wordpress/i18n");
 var SIZE4 = "tiny";
 var PROMO_TEXT_WIDTH = 170;
 var PRO_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-modal/";
-var DynamicSelection = ({ close: closePopover }) => {
-  const [searchValue, setSearchValue] = (0, import_react41.useState)("");
+var RENEW_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-renew-modal/";
+var DynamicSelection = ({ close: closePopover, expired = false }) => {
+  const [searchValue, setSearchValue] = (0, import_react42.useState)("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = (0, import_ui41.useTheme)();
   const { value: anyValue } = (0, import_editor_controls57.useBoundProp)();
@@ -5624,6 +5645,32 @@ var DynamicSelection = ({ close: closePopover }) => {
       label: item.label
     }))
   ]);
+  const getPopOverContent = () => {
+    if (hasNoDynamicTags) {
+      return /* @__PURE__ */ React91.createElement(NoDynamicTags, null);
+    }
+    if (expired) {
+      return /* @__PURE__ */ React91.createElement(ExpiredDynamicTags, null);
+    }
+    return /* @__PURE__ */ React91.createElement(import_react42.Fragment, null, /* @__PURE__ */ React91.createElement(
+      import_editor_ui9.SearchField,
+      {
+        value: searchValue,
+        onSearch: handleSearch,
+        placeholder: (0, import_i18n61.__)("Search dynamic tags\u2026", "elementor")
+      }
+    ), /* @__PURE__ */ React91.createElement(import_ui41.Divider, null), /* @__PURE__ */ React91.createElement(
+      import_editor_ui9.PopoverMenuList,
+      {
+        items: virtualizedItems,
+        onSelect: handleSetDynamicTag,
+        onClose: closePopover,
+        selectedValue: dynamicValue?.name,
+        itemStyle: (item) => item.type === "item" ? { paddingInlineStart: theme.spacing(3.5) } : {},
+        noResultsComponent: /* @__PURE__ */ React91.createElement(NoResults, { searchValue, onClear: () => setSearchValue("") })
+      }
+    ));
+  };
   return /* @__PURE__ */ React91.createElement(PopoverBody, { "aria-label": (0, import_i18n61.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React91.createElement(
     import_editor_ui9.PopoverHeader,
     {
@@ -5631,24 +5678,7 @@ var DynamicSelection = ({ close: closePopover }) => {
       onClose: closePopover,
       icon: /* @__PURE__ */ React91.createElement(import_icons24.DatabaseIcon, { fontSize: SIZE4 })
     }
-  ), hasNoDynamicTags ? /* @__PURE__ */ React91.createElement(NoDynamicTags, null) : /* @__PURE__ */ React91.createElement(import_react41.Fragment, null, /* @__PURE__ */ React91.createElement(
-    import_editor_ui9.SearchField,
-    {
-      value: searchValue,
-      onSearch: handleSearch,
-      placeholder: (0, import_i18n61.__)("Search dynamic tags\u2026", "elementor")
-    }
-  ), /* @__PURE__ */ React91.createElement(import_ui41.Divider, null), /* @__PURE__ */ React91.createElement(
-    import_editor_ui9.PopoverMenuList,
-    {
-      items: virtualizedItems,
-      onSelect: handleSetDynamicTag,
-      onClose: closePopover,
-      selectedValue: dynamicValue?.name,
-      itemStyle: (item) => item.type === "item" ? { paddingInlineStart: theme.spacing(3.5) } : {},
-      noResultsComponent: /* @__PURE__ */ React91.createElement(NoResults, { searchValue, onClear: () => setSearchValue("") })
-    }
-  )));
+  ), getPopOverContent());
 };
 var NoResults = ({ searchValue, onClear }) => /* @__PURE__ */ React91.createElement(
   import_ui41.Stack,
@@ -5681,6 +5711,22 @@ var NoDynamicTags = () => /* @__PURE__ */ React91.createElement(React91.Fragment
   /* @__PURE__ */ React91.createElement(import_ui41.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n61.__)("Upgrade now to display your content dynamically.", "elementor")),
   /* @__PURE__ */ React91.createElement(import_editor_ui9.CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
 ));
+var ExpiredDynamicTags = () => /* @__PURE__ */ React91.createElement(React91.Fragment, null, /* @__PURE__ */ React91.createElement(import_ui41.Divider, null), /* @__PURE__ */ React91.createElement(
+  import_ui41.Stack,
+  {
+    gap: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    p: 2.5,
+    color: "text.secondary",
+    sx: { pb: 3.5 }
+  },
+  /* @__PURE__ */ React91.createElement(import_icons24.DatabaseIcon, { fontSize: "large" }),
+  /* @__PURE__ */ React91.createElement(import_ui41.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n61.__)("Unlock your Dynamic tags again", "elementor")),
+  /* @__PURE__ */ React91.createElement(import_ui41.Typography, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, (0, import_i18n61.__)("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
+  /* @__PURE__ */ React91.createElement(import_editor_ui9.CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children: (0, import_i18n61.__)("Renew Now", "elementor") })
+));
 var useFilteredOptions = (searchValue) => {
   const dynamicTags = usePropDynamicTags();
   const options12 = dynamicTags.reduce((categories, { name, label, group }) => {
@@ -5703,6 +5749,7 @@ var tagsWithoutTabs = ["popup"];
 var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
   const { setValue: setAnyValue, propType } = (0, import_editor_controls58.useBoundProp)();
   const { bind, value } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
+  const { expired: readonly } = useLicenseConfig();
   const originalPropType = createTopLevelObjectType({
     schema: {
       [bind]: propType
@@ -5729,7 +5776,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
       label: dynamicTag.label,
       startIcon: /* @__PURE__ */ React92.createElement(import_icons25.DatabaseIcon, { fontSize: SIZE5 }),
       ...(0, import_ui42.bindTrigger)(selectionPopoverState),
-      actions: /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(DynamicSettingsPopover, { dynamicTag }), /* @__PURE__ */ React92.createElement(
+      actions: /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(DynamicSettingsPopover, { dynamicTag, disabled: readonly }), /* @__PURE__ */ React92.createElement(
         import_ui42.IconButton,
         {
           size: SIZE5,
@@ -5751,10 +5798,13 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
       },
       ...(0, import_ui42.bindPopover)(selectionPopoverState)
     },
-    /* @__PURE__ */ React92.createElement(PopoverBody, { "aria-label": (0, import_i18n62.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React92.createElement(DynamicSelection, { close: selectionPopoverState.close }))
+    /* @__PURE__ */ React92.createElement(PopoverBody, { "aria-label": (0, import_i18n62.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React92.createElement(DynamicSelection, { close: selectionPopoverState.close, expired: readonly }))
   ));
 };
-var DynamicSettingsPopover = ({ dynamicTag }) => {
+var DynamicSettingsPopover = ({
+  dynamicTag,
+  disabled = false
+}) => {
   const popupState = (0, import_ui42.usePopupState)({ variant: "popover" });
   const hasDynamicSettings = !!dynamicTag.atomic_controls.length;
   if (!hasDynamicSettings) {
@@ -5764,7 +5814,8 @@ var DynamicSettingsPopover = ({ dynamicTag }) => {
     import_ui42.IconButton,
     {
       size: SIZE5,
-      ...(0, import_ui42.bindTrigger)(popupState),
+      disabled,
+      ...!disabled && (0, import_ui42.bindTrigger)(popupState),
       "aria-label": (0, import_i18n62.__)("Dynamic settings", "elementor")
     },
     /* @__PURE__ */ React92.createElement(import_icons25.SettingsIcon, { fontSize: SIZE5 })
@@ -6046,22 +6097,22 @@ var import_i18n68 = require("@wordpress/i18n");
 
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 var React98 = __toESM(require("react"));
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_editor_canvas6 = require("@elementor/editor-canvas");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui47 = require("@elementor/ui");
 var import_i18n67 = require("@wordpress/i18n");
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_styles8 = require("@elementor/editor-styles");
 var import_editor_styles_repository14 = require("@elementor/editor-styles-repository");
 var import_i18n65 = require("@wordpress/i18n");
 var MAXIMUM_ITEMS = 2;
 var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
-  const [items3, setItems] = (0, import_react42.useState)([]);
-  (0, import_react42.useEffect)(() => {
+  const [items3, setItems] = (0, import_react43.useState)([]);
+  (0, import_react43.useEffect)(() => {
     (async () => {
       const normalizedItems = await Promise.all(
         inheritanceChain.filter(({ style }) => style).map((item, index) => normalizeInheritanceItem(item, index, bind, resolve))
@@ -6112,7 +6163,7 @@ var getTransformedValue = async (item, bind, resolve) => {
       }
     });
     const value = result?.[bind] ?? result;
-    if ((0, import_react42.isValidElement)(value)) {
+    if ((0, import_react43.isValidElement)(value)) {
       return value;
     }
     if (typeof value === "object") {
@@ -6237,8 +6288,8 @@ var StylesInheritanceInfotip = ({
   children,
   isDisabled
 }) => {
-  const [showInfotip, setShowInfotip] = (0, import_react43.useState)(false);
-  const triggerRef = (0, import_react43.useRef)(null);
+  const [showInfotip, setShowInfotip] = (0, import_react44.useState)(false);
+  const triggerRef = (0, import_react44.useRef)(null);
   const toggleInfotip = () => {
     if (isDisabled) {
       return;
@@ -6253,7 +6304,7 @@ var StylesInheritanceInfotip = ({
   };
   const key = path.join(".");
   const sectionWidth = useSectionWidth();
-  const resolve = (0, import_react43.useMemo)(() => {
+  const resolve = (0, import_react44.useMemo)(() => {
     return (0, import_editor_canvas6.createPropsResolver)({
       transformers: stylesInheritanceTransformersRegistry,
       schema: { [key]: propType }
@@ -6739,6 +6790,7 @@ var blockV1Panel = () => {
   registerEditingPanelReplacement,
   registerFieldIndicator,
   registerStyleProviderToColors,
+  setLicenseConfig,
   stylesInheritanceTransformersRegistry,
   useBoundProp,
   useClassesProp,