@elementor/editor-variables 4.2.0-842 → 4.2.0-843

package/dist/index.js

@@ -334,12 +334,13 @@ var buildOperationsArray = (originalVariables, currentVariables, deletedVariable
 // src/storage.ts
 var STORAGE_KEY = "elementor-global-variables";
 var STORAGE_WATERMARK_KEY = "elementor-global-variables-watermark";
+var STORAGE_UPDATED_EVENT = "variables:updated";
 var OP_RW = "RW";
 var OP_RO = "RO";
 var Storage = class {
   state;
   notifyChange() {
-    window.dispatchEvent(new Event("variables:updated"));
+    window.dispatchEvent(new Event(STORAGE_UPDATED_EVENT));
   }
   constructor() {
     this.state = {
@@ -1059,6 +1060,17 @@ var useVariablesManagerState = () => {
   const [isDirty, setIsDirty] = (0, import_react5.useState)(false);
   const [isSaving, setIsSaving] = (0, import_react5.useState)(false);
   const [searchValue, setSearchValue] = (0, import_react5.useState)("");
+  (0, import_react5.useEffect)(() => {
+    const handleStorageUpdated = () => {
+      setVariables(getVariables(false));
+      setDeletedVariables([]);
+      setIsDirty(false);
+    };
+    window.addEventListener(STORAGE_UPDATED_EVENT, handleStorageUpdated);
+    return () => {
+      window.removeEventListener(STORAGE_UPDATED_EVENT, handleStorageUpdated);
+    };
+  }, []);
   const handleOnChange = (0, import_react5.useCallback)(
     (newVariables) => {
       setVariables({ ...variables, ...newVariables });
@@ -2412,14 +2424,7 @@ var import_react14 = require("react");
 var import_editor_canvas4 = require("@elementor/editor-canvas");
 function GlobalStylesImportListener() {
   (0, import_react14.useEffect)(() => {
-    const handleGlobalStylesImported = (event) => {
-      const importedVars = event.detail?.global_variables;
-      if (!importedVars) {
-        return;
-      }
-      if (importedVars.data && typeof importedVars.data === "object") {
-        styleVariablesRepository.update(importedVars.data);
-      }
+    const handleGlobalStylesImported = () => {
       service.load();
     };
     window.addEventListener(import_editor_canvas4.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
@@ -3956,7 +3961,7 @@ var initVariablesResource = (variablesMcpEntry, canvasMcpEntry) => {
         };
       }
     );
-    window.addEventListener("variables:updated", notifyGlobalVariablesUpdated);
+    window.addEventListener(STORAGE_UPDATED_EVENT, notifyGlobalVariablesUpdated);
     (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("document/save/update"), notifyGlobalVariablesUpdated);
   });
 };