easy-email-pro-theme 1.37.4 → 1.37.5

package/lib/index.js

@@ -1160,10 +1160,10 @@ const EditorContextProvider = (props) => {
   });
   const pageDataVariables = useMemo$1(() => {
     return EditorCore.getPageDataVariables(
-      pageElement,
+      pageElement.data.variables,
       attributesVariables || {}
     );
-  }, [attributesVariables, pageElement]);
+  }, [attributesVariables, pageElement.data.variables]);
   const adapterNonPageValues = useMemo$1(() => {
     const map = __spreadValues({}, omit$2(values2, "0"));
     const initData = initialValuesRef.current;
@@ -41777,10 +41777,10 @@ const ColorPicker = ({
   const { selectedNodePath } = useSelectedNode();
   const element = useElementDefault({ path: path2, type: null });
   const ref2 = useRef(null);
-  const onClose = () => {
+  const onClose = useEventCallback(() => {
     var _a;
     (_a = ref2.current) == null ? void 0 : _a.click();
-  };
+  });
   const color2 = get(element, name);
   const mergeTagColor = useMemo$1(() => {
     try {
@@ -41790,78 +41790,80 @@ const ColorPicker = ({
     }
     return color2;
   }, [color2]);
-  const onChange = (val) => {
+  const onChange = useEventCallback((val) => {
     setFieldValue(selectedNodePath, name, val);
-  };
-  return /* @__PURE__ */ React__default.createElement(
-    Popover,
-    {
-      trigger: "click",
-      triggerProps: {
-        popupStyle: { padding: "10px" }
-      },
-      content: /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(ColorProvider, null, /* @__PURE__ */ React__default.createElement(
-        ColorPickerContent,
-        {
-          value: color2,
-          onChange,
-          onClose
-        }
-      )))
-    },
-    /* @__PURE__ */ React__default.createElement(Tooltip, { content: label }, /* @__PURE__ */ React__default.createElement(
-      "div",
+  });
+  return useMemo$1(() => {
+    return /* @__PURE__ */ React__default.createElement(
+      Popover,
       {
-        style: {
-          display: "inline-flex",
-          height: 28,
-          width: 28,
-          boxSizing: "border-box",
-          borderRight: void 0,
-          padding: 4,
-          borderWidth: 1,
-          borderStyle: "solid",
-          borderColor: "var(--color-neutral-6, rgb(229, 230, 235))",
-          borderRadius: 4,
-          fontSize: 0,
-          position: "relative",
-          cursor: "pointer"
-        }
+        trigger: "click",
+        triggerProps: {
+          popupStyle: { padding: "10px" }
+        },
+        content: /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(ColorProvider, null, /* @__PURE__ */ React__default.createElement(
+          ColorPickerContent,
+          {
+            value: color2,
+            onChange,
+            onClose
+          }
+        )))
       },
-      mergeTagColor ? /* @__PURE__ */ React__default.createElement(
-        "span",
+      /* @__PURE__ */ React__default.createElement(Tooltip, { content: label }, /* @__PURE__ */ React__default.createElement(
+        "div",
         {
           style: {
-            position: "relative",
-            display: "block",
-            border: "1px solid var(--color-neutral-6, rgb(229, 230, 235))",
+            display: "inline-flex",
+            height: 28,
+            width: 28,
             boxSizing: "border-box",
-            borderRadius: 2,
-            width: "100%",
-            height: "100%",
-            textAlign: "center",
-            backgroundColor: mergeTagColor
+            borderRight: void 0,
+            padding: 4,
+            borderWidth: 1,
+            borderStyle: "solid",
+            borderColor: "var(--color-neutral-6, rgb(229, 230, 235))",
+            borderRadius: 4,
+            fontSize: 0,
+            position: "relative",
+            cursor: "pointer"
           }
-        }
-      ) : /* @__PURE__ */ React__default.createElement(
-        "img",
-        {
-          style: {
-            maxWidth: "100%",
-            maxHeight: "100%",
-            filter: "invert(  0.78  )  drop-shadow(0 0px 0 rgb(0 0 0 / 45%))"
-          },
-          src: colorImg
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement("style", null, `
-                [title="${transparentColor}"] {
-                  background-image: url("${transparentIcon}") !important
-                }
+        },
+        mergeTagColor ? /* @__PURE__ */ React__default.createElement(
+          "span",
+          {
+            style: {
+              position: "relative",
+              display: "block",
+              border: "1px solid var(--color-neutral-6, rgb(229, 230, 235))",
+              boxSizing: "border-box",
+              borderRadius: 2,
+              width: "100%",
+              height: "100%",
+              textAlign: "center",
+              backgroundColor: mergeTagColor
+            }
+          }
+        ) : /* @__PURE__ */ React__default.createElement(
+          "img",
+          {
+            style: {
+              maxWidth: "100%",
+              maxHeight: "100%",
+              filter: "invert(  0.78  )  drop-shadow(0 0px 0 rgb(0 0 0 / 45%))"
+            },
+            src: colorImg
+          }
+        ),
+        /* @__PURE__ */ React__default.createElement("style", null, `
+                  [title="${transparentColor}"] {
+                    background-image: url("${transparentIcon}") !important
+                  }
 
-                `)
-    ))
-  );
+                  `)
+      ))
+    );
+  }, [color2, label, mergeTagColor, onChange, onClose]);
 };
 const FontFamily = ({ path: path2, name }) => {
   const { fontList } = useFontFamily();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.37.4",
+  "version": "1.37.5",
   "description": "",
   "files": [
     "lib"