@ivanholiak/easy-email-extensions 4.16.32 → 4.16.34

package/lib/index2.js

@@ -55339,17 +55339,38 @@ const RichTextField = (props) => {
 function FieldWrapper(props) {
   const _a2 = props, { input, contentEditableType } = _a2, rest = __objRest(_a2, ["input", "contentEditableType"]);
   const { mergeTagGenerate, enabledMergeTagsBadge } = useEditorProps();
+  const inputRef = useRef(input);
+  inputRef.current = input;
+  const enabledMergeTagsBadgeRef = useRef(enabledMergeTagsBadge);
+  enabledMergeTagsBadgeRef.current = enabledMergeTagsBadge;
+  const mergeTagGenerateRef = useRef(mergeTagGenerate);
+  mergeTagGenerateRef.current = mergeTagGenerate;
   const debounceCallbackChange = useCallback(
     lodash.exports.debounce((val) => {
-      if (enabledMergeTagsBadge) {
-        input.onChange(MergeTagBadge.revert(val, mergeTagGenerate));
+      if (enabledMergeTagsBadgeRef.current) {
+        inputRef.current.onChange(MergeTagBadge.revert(val, mergeTagGenerateRef.current));
       } else {
-        input.onChange(val);
+        inputRef.current.onChange(val);
       }
-      input.onBlur();
+      inputRef.current.onBlur();
     }, 200),
-    [input]
+    []
   );
+  useEffect(() => {
+    const root2 = getShadowRoot();
+    if (!root2)
+      return;
+    const onFocusOut = (e2) => {
+      if (e2.target instanceof Element && e2.target.getAttribute("contenteditable") === "true") {
+        debounceCallbackChange.flush();
+      }
+    };
+    root2.addEventListener("focusout", onFocusOut);
+    return () => {
+      root2.removeEventListener("focusout", onFocusOut);
+      debounceCallbackChange.cancel();
+    };
+  }, [debounceCallbackChange]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, contentEditableType === ContentEditableType.RichText && /* @__PURE__ */ React__default.createElement(RichTextToolBar, {
     onChange: debounceCallbackChange
   }), /* @__PURE__ */ React__default.createElement(InlineText, __spreadProps(__spreadValues({}, rest), {