@elementor/editor-variables 3.35.0-439 → 3.35.0-441

package/dist/index.js

@@ -1151,6 +1151,9 @@ var MenuOption = ({
   const isDisabled = !userQuotaPermissions.canAdd();
   const handleClick = () => {
     if (isDisabled) {
+      if (!isPopoverOpen) {
+        setIsPopoverOpen(true);
+      }
       return;
     }
     const defaultName = getDefaultName(variables, config.key, config.variableType);
@@ -1168,34 +1171,19 @@ var MenuOption = ({
     (0, import_i18n7.__)("Upgrade to continue creating and editing %s variables.", "elementor"),
     config.variableType
   );
-  return /* @__PURE__ */ React6.createElement(import_ui6.MenuItem, { onClick: handleClick, sx: { gap: 1.5, cursor: isDisabled ? "default" : "pointer" } }, (0, import_react6.createElement)(config.icon, { fontSize: SIZE, color: isDisabled ? "disabled" : "action" }), /* @__PURE__ */ React6.createElement(import_ui6.Typography, { variant: "caption", color: isDisabled ? "text.disabled" : "text.primary" }, displayName), isDisabled && /* @__PURE__ */ React6.createElement(
-    import_ui6.Box,
+  return /* @__PURE__ */ React6.createElement(import_ui6.MenuItem, { onClick: handleClick, sx: { gap: 1.5, cursor: "pointer" } }, (0, import_react6.createElement)(config.icon, { fontSize: SIZE, color: isDisabled ? "disabled" : "action" }), /* @__PURE__ */ React6.createElement(import_ui6.Typography, { variant: "caption", color: isDisabled ? "text.disabled" : "text.primary" }, displayName), isDisabled && /* @__PURE__ */ React6.createElement(
+    import_editor_ui2.PromotionPopover,
     {
-      onClick: (event) => {
-        event.stopPropagation();
+      open: isPopoverOpen,
+      title,
+      content,
+      ctaText: (0, import_i18n7.__)("Upgrade now", "elementor"),
+      ctaUrl: `https://go.elementor.com/go-pro-manager-${config.variableType}-variable/`,
+      onClose: () => {
+        setIsPopoverOpen(false);
       }
     },
-    /* @__PURE__ */ React6.createElement(
-      import_editor_ui2.PromotionPopover,
-      {
-        open: isPopoverOpen,
-        title,
-        content,
-        ctaText: (0, import_i18n7.__)("Upgrade now", "elementor"),
-        ctaUrl: `https://go.elementor.com/go-pro-manager-${config.variableType}-variable/`,
-        onClose: () => {
-          setIsPopoverOpen(false);
-        }
-      },
-      /* @__PURE__ */ React6.createElement(
-        import_editor_ui2.PromotionChip,
-        {
-          onClick: () => {
-            setIsPopoverOpen(true);
-          }
-        }
-      )
-    )
+    /* @__PURE__ */ React6.createElement(import_editor_ui2.PromotionChip, null)
   ));
 };
 var getDefaultName = (variables, type, baseName) => {
@@ -3809,14 +3797,6 @@ var React36 = __toESM(require("react"));
 var import_react25 = require("react");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_ui33 = require("@elementor/ui");
-
-// src/sync/get-canvas-iframe-document.ts
-function getCanvasIframeDocument() {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.$preview?.[0]?.contentDocument;
-}
-
-// src/renderers/style-variables-renderer.tsx
 var VARIABLES_WRAPPER = "body";
 function StyleVariablesRenderer() {
   const container = usePortalContainer();
@@ -3830,7 +3810,7 @@ function StyleVariablesRenderer() {
   return /* @__PURE__ */ React36.createElement(import_ui33.Portal, { container }, /* @__PURE__ */ React36.createElement("style", { "data-e-style-id": "e-variables", key: wrappedCss }, wrappedCss));
 }
 function usePortalContainer() {
-  return (0, import_editor_v1_adapters3.__privateUseListenTo)((0, import_editor_v1_adapters3.commandEndEvent)("editor/documents/attach-preview"), () => getCanvasIframeDocument()?.head);
+  return (0, import_editor_v1_adapters3.__privateUseListenTo)((0, import_editor_v1_adapters3.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters3.getCanvasIframeDocument)()?.head);
 }
 function useStyleVariables() {
   const [variables, setVariables] = (0, import_react25.useState)({});