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

package/dist/index.mjs

@@ -4992,18 +4992,16 @@ var EditingPanelHooks = () => {
   return null;
 };
 
+// src/components/promotions/init.tsx
+import { AttributesControl, DisplayConditionsControl } from "@elementor/editor-controls";
+
 // src/components/promotions/custom-css.tsx
 import * as React86 from "react";
-import { useState as useState11 } from "react";
-import { PromotionChip, PromotionInfotip } from "@elementor/editor-ui";
+import { useRef as useRef15 } from "react";
+import { PromotionTrigger } from "@elementor/editor-controls";
 import { __ as __58 } from "@wordpress/i18n";
-function getCustomCssPromotion() {
-  const extendedWindow2 = window;
-  return extendedWindow2.elementor?.config?.v4Promotions?.customCss;
-}
 var CustomCssSection = () => {
-  const [showInfoTip, setShowInfoTip] = useState11(false);
-  const promotion = getCustomCssPromotion();
+  const triggerRef = useRef15(null);
   return /* @__PURE__ */ React86.createElement(
     StyleTabSection,
     {
@@ -5011,25 +5009,8 @@ var CustomCssSection = () => {
         name: "Custom CSS",
         title: __58("Custom CSS", "elementor"),
         action: {
-          component: /* @__PURE__ */ React86.createElement(
-            PromotionInfotip,
-            {
-              title: promotion?.title ?? "",
-              content: promotion?.content ?? "",
-              assetUrl: promotion?.image ?? "",
-              ctaUrl: promotion?.ctaUrl ?? "",
-              open: showInfoTip,
-              onClose: () => {
-                setShowInfoTip(false);
-              }
-            },
-            /* @__PURE__ */ React86.createElement(PromotionChip, null)
-          ),
-          onClick: () => {
-            if (!showInfoTip) {
-              setShowInfoTip(true);
-            }
-          }
+          component: /* @__PURE__ */ React86.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "customCss" }),
+          onClick: () => triggerRef.current?.toggle()
         }
       }
     }
@@ -5044,6 +5025,8 @@ var init = () => {
       component: CustomCssSection,
       options: { overwrite: true }
     });
+    controlsRegistry.register("attributes", AttributesControl, "two-columns");
+    controlsRegistry.register("display-conditions", DisplayConditionsControl, "two-columns");
   }
 };
 
@@ -5586,25 +5569,6 @@ import {
 } from "@elementor/ui";
 import { __ as __62 } from "@wordpress/i18n";
 
-// src/hooks/use-license-config.ts
-import { useSyncExternalStore } from "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 useSyncExternalStore(subscribe, getConfig, getConfig);
-}
-
 // src/hooks/use-persist-dynamic-value.ts
 import { useSessionStorage as useSessionStorage4 } from "@elementor/session";
 var usePersistDynamicValue = (propKey) => {
@@ -5699,7 +5663,7 @@ var DynamicControl = ({ bind, children }) => {
 };
 
 // src/dynamics/components/dynamic-selection.tsx
-import { Fragment as Fragment14, useState as useState12 } from "react";
+import { Fragment as Fragment14, useState as useState11 } from "react";
 import * as React91 from "react";
 import { useBoundProp as useBoundProp9 } from "@elementor/editor-controls";
 import { CtaButton, PopoverHeader, PopoverMenuList, SearchField } from "@elementor/editor-ui";
@@ -5709,9 +5673,8 @@ import { __ as __61 } from "@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 RENEW_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-renew-modal/";
-var DynamicSelection = ({ close: closePopover, expired = false }) => {
-  const [searchValue, setSearchValue] = useState12("");
+var DynamicSelection = ({ close: closePopover }) => {
+  const [searchValue, setSearchValue] = useState11("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = useTheme3();
   const { value: anyValue } = useBoundProp9();
@@ -5743,32 +5706,6 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
       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(Fragment14, null, /* @__PURE__ */ React91.createElement(
-      SearchField,
-      {
-        value: searchValue,
-        onSearch: handleSearch,
-        placeholder: __61("Search dynamic tags\u2026", "elementor")
-      }
-    ), /* @__PURE__ */ React91.createElement(Divider7, null), /* @__PURE__ */ React91.createElement(
-      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": __61("Dynamic tags", "elementor") }, /* @__PURE__ */ React91.createElement(
     PopoverHeader,
     {
@@ -5776,7 +5713,24 @@ var DynamicSelection = ({ close: closePopover, expired = false }) => {
       onClose: closePopover,
       icon: /* @__PURE__ */ React91.createElement(DatabaseIcon2, { fontSize: SIZE4 })
     }
-  ), getPopOverContent());
+  ), hasNoDynamicTags ? /* @__PURE__ */ React91.createElement(NoDynamicTags, null) : /* @__PURE__ */ React91.createElement(Fragment14, null, /* @__PURE__ */ React91.createElement(
+    SearchField,
+    {
+      value: searchValue,
+      onSearch: handleSearch,
+      placeholder: __61("Search dynamic tags\u2026", "elementor")
+    }
+  ), /* @__PURE__ */ React91.createElement(Divider7, null), /* @__PURE__ */ React91.createElement(
+    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("") })
+    }
+  )));
 };
 var NoResults = ({ searchValue, onClear }) => /* @__PURE__ */ React91.createElement(
   Stack16,
@@ -5809,22 +5763,6 @@ var NoDynamicTags = () => /* @__PURE__ */ React91.createElement(React91.Fragment
   /* @__PURE__ */ React91.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __61("Upgrade now to display your content dynamically.", "elementor")),
   /* @__PURE__ */ React91.createElement(CtaButton, { size: "small", href: PRO_DYNAMIC_TAGS_URL })
 ));
-var ExpiredDynamicTags = () => /* @__PURE__ */ React91.createElement(React91.Fragment, null, /* @__PURE__ */ React91.createElement(Divider7, null), /* @__PURE__ */ React91.createElement(
-  Stack16,
-  {
-    gap: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    height: "100%",
-    p: 2.5,
-    color: "text.secondary",
-    sx: { pb: 3.5 }
-  },
-  /* @__PURE__ */ React91.createElement(DatabaseIcon2, { fontSize: "large" }),
-  /* @__PURE__ */ React91.createElement(Typography5, { align: "center", variant: "subtitle2" }, __61("Unlock your Dynamic tags again", "elementor")),
-  /* @__PURE__ */ React91.createElement(Typography5, { align: "center", variant: "caption", width: PROMO_TEXT_WIDTH }, __61("Dynamic tags need Elementor Pro. Renew now to keep them active.", "elementor")),
-  /* @__PURE__ */ React91.createElement(CtaButton, { size: "small", href: RENEW_DYNAMIC_TAGS_URL, children: __61("Renew Now", "elementor") })
-));
 var useFilteredOptions = (searchValue) => {
   const dynamicTags = usePropDynamicTags();
   const options12 = dynamicTags.reduce((categories, { name, label, group }) => {
@@ -5847,7 +5785,6 @@ var tagsWithoutTabs = ["popup"];
 var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
   const { setValue: setAnyValue, propType } = useBoundProp10();
   const { bind, value } = useBoundProp10(dynamicPropTypeUtil);
-  const { expired: readonly } = useLicenseConfig();
   const originalPropType = createTopLevelObjectType({
     schema: {
       [bind]: propType
@@ -5874,7 +5811,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
       label: dynamicTag.label,
       startIcon: /* @__PURE__ */ React92.createElement(DatabaseIcon3, { fontSize: SIZE5 }),
       ...bindTrigger3(selectionPopoverState),
-      actions: /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(DynamicSettingsPopover, { dynamicTag, disabled: readonly }), /* @__PURE__ */ React92.createElement(
+      actions: /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(DynamicSettingsPopover, { dynamicTag }), /* @__PURE__ */ React92.createElement(
         IconButton4,
         {
           size: SIZE5,
@@ -5896,13 +5833,10 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
       },
       ...bindPopover2(selectionPopoverState)
     },
-    /* @__PURE__ */ React92.createElement(PopoverBody, { "aria-label": __62("Dynamic tags", "elementor") }, /* @__PURE__ */ React92.createElement(DynamicSelection, { close: selectionPopoverState.close, expired: readonly }))
+    /* @__PURE__ */ React92.createElement(PopoverBody, { "aria-label": __62("Dynamic tags", "elementor") }, /* @__PURE__ */ React92.createElement(DynamicSelection, { close: selectionPopoverState.close }))
   ));
 };
-var DynamicSettingsPopover = ({
-  dynamicTag,
-  disabled = false
-}) => {
+var DynamicSettingsPopover = ({ dynamicTag }) => {
   const popupState = usePopupState3({ variant: "popover" });
   const hasDynamicSettings = !!dynamicTag.atomic_controls.length;
   if (!hasDynamicSettings) {
@@ -5912,8 +5846,7 @@ var DynamicSettingsPopover = ({
     IconButton4,
     {
       size: SIZE5,
-      disabled,
-      ...!disabled && bindTrigger3(popupState),
+      ...bindTrigger3(popupState),
       "aria-label": __62("Dynamic settings", "elementor")
     },
     /* @__PURE__ */ React92.createElement(SettingsIcon, { fontSize: SIZE5 })
@@ -6195,7 +6128,7 @@ import { __ as __68 } from "@wordpress/i18n";
 
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 import * as React98 from "react";
-import { useMemo as useMemo14, useRef as useRef15, useState as useState14 } from "react";
+import { useMemo as useMemo14, useRef as useRef16, useState as useState13 } from "react";
 import { createPropsResolver as createPropsResolver2 } from "@elementor/editor-canvas";
 import { PopoverHeader as PopoverHeader3 } from "@elementor/editor-ui";
 import {
@@ -6212,7 +6145,7 @@ import {
 import { __ as __67 } from "@wordpress/i18n";
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
-import { isValidElement, useEffect as useEffect7, useState as useState13 } from "react";
+import { isValidElement, useEffect as useEffect7, useState as useState12 } from "react";
 import { UnknownStyleStateError } from "@elementor/editor-canvas";
 import {
   isClassState as isClassState2,
@@ -6222,7 +6155,7 @@ import { ELEMENTS_BASE_STYLES_PROVIDER_KEY as ELEMENTS_BASE_STYLES_PROVIDER_KEY2
 import { __ as __65 } from "@wordpress/i18n";
 var MAXIMUM_ITEMS = 2;
 var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
-  const [items3, setItems] = useState13([]);
+  const [items3, setItems] = useState12([]);
   useEffect7(() => {
     (async () => {
       const normalizedItems = await Promise.all(
@@ -6407,8 +6340,8 @@ var StylesInheritanceInfotip = ({
   children,
   isDisabled
 }) => {
-  const [showInfotip, setShowInfotip] = useState14(false);
-  const triggerRef = useRef15(null);
+  const [showInfotip, setShowInfotip] = useState13(false);
+  const triggerRef = useRef16(null);
   const toggleInfotip = () => {
     if (isDisabled) {
       return;
@@ -6904,11 +6837,11 @@ export {
   injectIntoCssClassConvert,
   injectIntoPanelHeaderTop,
   injectIntoStyleTab,
+  isDynamicPropValue,
   registerControlReplacement,
   registerEditingPanelReplacement,
   registerFieldIndicator,
   registerStyleProviderToColors,
-  setLicenseConfig,
   stylesInheritanceTransformersRegistry,
   useBoundProp14 as useBoundProp,
   useClassesProp,