easy-email-extensions 3.1.4 → 3.1.8

package/lib/components/Form/RichTextToolBar/RichTextToolBar.d.ts

@@ -1 +1,3 @@
-export declare function RichTextToolBar(): JSX.Element | null;
+export declare function RichTextToolBar(props: {
+    onChange: (s: string) => void;
+}): JSX.Element | null;

package/lib/index.d.ts

@@ -6,3 +6,4 @@ export * from './SourceCodePanel';
 export * from './InteractivePrompt';
 export * from './SimpleLayout';
 export * from './components/Form';
+export { getContextMergeTags } from './utils/getContextMergeTags';

package/lib/index.js

@@ -1,4 +1,4 @@
-export { b as Align, A as AttributePanel, d as AttributesPanelWrapper, Y as AutoCompleteField, g as Background, j as BackgroundColor, a as BlockAttributeConfigurationManager, B as BlockLayer, u as BlockMarketManager, v as BlockMaskWrapper, m as Border, n as BorderColor, q as BorderStyle, s as BorderWidth, a0 as CheckboxField, C as Color, O as ColorPickerField, e as ContainerBackgroundColor, $ as DatePickerField, D as Decoration, k as Direction, a1 as EditTabField, F as FontFamily, o as FontSize, r as FontStyle, t as FontWeight, H as Height, Q as ImageUploaderField, a2 as InlineTextField, z as InputWithUnitField, I as InteractivePrompt, L as LetterSpacing, h as LineHeight, l as Link, M as Margin, p as MergeTags, N as NavbarLinkPadding, J as NumberField, P as Padding, Z as RadioGroupField, a4 as RichTextField, E as SearchField, R as SelectField, S as ShortcutToolbar, x as SimpleLayout, K as SliderField, w as SourceCodePanel, _ as SwitchField, T as TextAlign, G as TextAreaField, f as TextDecoration, y as TextField, i as TextTransform, X as TreeSelectField, U as UploadField, V as VerticalAlign, W as Width, a3 as enhancer } from "./index2.js";
+export { b as Align, A as AttributePanel, d as AttributesPanelWrapper, Z as AutoCompleteField, h as Background, k as BackgroundColor, a as BlockAttributeConfigurationManager, B as BlockLayer, v as BlockMarketManager, w as BlockMaskWrapper, n as Border, o as BorderColor, r as BorderStyle, t as BorderWidth, a1 as CheckboxField, C as Color, Q as ColorPickerField, e as ContainerBackgroundColor, a0 as DatePickerField, D as Decoration, l as Direction, a2 as EditTabField, F as FontFamily, p as FontSize, s as FontStyle, u as FontWeight, H as Height, R as ImageUploaderField, a3 as InlineTextField, E as InputWithUnitField, I as InteractivePrompt, L as LetterSpacing, i as LineHeight, m as Link, M as Margin, q as MergeTags, N as NavbarLinkPadding, K as NumberField, P as Padding, _ as RadioGroupField, a5 as RichTextField, G as SearchField, X as SelectField, S as ShortcutToolbar, y as SimpleLayout, O as SliderField, x as SourceCodePanel, $ as SwitchField, T as TextAlign, J as TextAreaField, f as TextDecoration, z as TextField, j as TextTransform, Y as TreeSelectField, U as UploadField, V as VerticalAlign, W as Width, a4 as enhancer, g as getContextMergeTags } from "./index2.js";
 import "react";
 import "easy-email-editor";
 import "easy-email-core";

package/lib/index2.js

@@ -56,7 +56,7 @@ var __async = (__this, __arguments, generator) => {
 import * as React from "react";
 import React__default, { Children, isValidElement, cloneElement, createContext, useContext, Component, useMemo, memo, forwardRef, useEffect, useRef, useLayoutEffect, useState, createRef, useImperativeHandle, PureComponent, useCallback, useReducer, Fragment, createElement, Suspense } from "react";
 import { IconFont, Stack as Stack$6, TextStyle, getBlockNodeByIdx, useBlock, getEditNode, getEditContent, useEditorProps, useFocusIdx, useEditorContext, getShadowRoot, FIXED_CONTAINER_ID, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, getEditorRoot, useActiveTab, ActiveTabKeys } from "easy-email-editor";
-import { BasicType, ImageManager, getContextMergeTags, BlockManager, createBlockDataByType, getParentByIdx, getValueByIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getParentIdx, getNodeIdxClassName, getPageIdx, getChildIdx, MjmlToJson, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
+import { BasicType, ImageManager, BlockManager, getParentIdx, createBlockDataByType, getParentByIdx, getValueByIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, MjmlToJson, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
 import ReactDOM, { findDOMNode, createPortal } from "react-dom";
 import { useField, Field, useForm as useForm$1, Form as Form$3, version as version$2, useFormState } from "react-final-form";
 var index$2 = "";
@@ -5497,8 +5497,8 @@ function EyeIcon$1({
     iconName: "icon-eye"
   });
 }
-function _extends$f() {
-  _extends$f = Object.assign || function(target2) {
+function _extends$g() {
+  _extends$g = Object.assign || function(target2) {
     for (var i2 = 1; i2 < arguments.length; i2++) {
       var source = arguments[i2];
       for (var key in source) {
@@ -5509,7 +5509,7 @@ function _extends$f() {
     }
     return target2;
   };
-  return _extends$f.apply(this, arguments);
+  return _extends$g.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
@@ -5987,7 +5987,7 @@ var CSSTransition = /* @__PURE__ */ function(_React$Component) {
     var _this$props = this.props;
     _this$props.classNames;
     var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
-    return /* @__PURE__ */ React__default.createElement(Transition$1, _extends$f({}, props, {
+    return /* @__PURE__ */ React__default.createElement(Transition$1, _extends$g({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -6157,7 +6157,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
     if (this.mounted) {
       this.setState(function(state) {
-        var children = _extends$f({}, state.children);
+        var children = _extends$g({}, state.children);
         delete children[child.key];
         return {
           children
@@ -6328,7 +6328,21 @@ SwitchTransition.defaultProps = {
   mode: modes.out
 };
 var SwitchTransition$1 = SwitchTransition;
-function _defineProperty$2(obj, key, value) {
+function _extends$f() {
+  _extends$f = Object.assign || function(target2) {
+    for (var i2 = 1; i2 < arguments.length; i2++) {
+      var source = arguments[i2];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target2[key] = source[key];
+        }
+      }
+    }
+    return target2;
+  };
+  return _extends$f.apply(this, arguments);
+}
+function _defineProperty$3(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6362,7 +6376,7 @@ function _objectSpread$x(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$x(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -6426,7 +6440,7 @@ function _objectSpread$w(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$w(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -6490,7 +6504,7 @@ function _objectSpread$v(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$v(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -6554,7 +6568,7 @@ function _objectSpread$u(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$u(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -6618,7 +6632,7 @@ function _objectSpread$t(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$t(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -7130,7 +7144,7 @@ function _objectSpread$s(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$s(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -7621,7 +7635,7 @@ function _objectSpread$r(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$r(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -9249,7 +9263,7 @@ function _objectSpread$q(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$q(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -9692,7 +9706,7 @@ function _objectSpread$p(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$p(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -9755,7 +9769,7 @@ function _objectSpread$o(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$o(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -11641,7 +11655,7 @@ function _objectSpread$n(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$n(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -11701,7 +11715,7 @@ function _objectSpread$m(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$m(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -14422,7 +14436,7 @@ function _objectSpread$l(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$l(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -15147,7 +15161,7 @@ function _objectSpread$k(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$k(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -15461,7 +15475,7 @@ function _objectSpread$j(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$j(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -15521,7 +15535,7 @@ function _objectSpread$i(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$i(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -15585,7 +15599,7 @@ function _objectSpread$h(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$h(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -16348,7 +16362,7 @@ function _objectSpread$g(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$g(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -16408,7 +16422,7 @@ function _objectSpread$f(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$f(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -16696,8 +16710,8 @@ var defineProperty$4 = function() {
   } catch (e) {
   }
 }();
-var _defineProperty$1 = defineProperty$4;
-var defineProperty$3 = _defineProperty$1;
+var _defineProperty$2 = defineProperty$4;
+var defineProperty$3 = _defineProperty$2;
 function baseAssignValue$4(object, key, value) {
   if (key == "__proto__" && defineProperty$3) {
     defineProperty$3(object, key, {
@@ -17130,7 +17144,7 @@ function constant$2(value) {
   };
 }
 var constant_1 = constant$2;
-var constant$1 = constant_1, defineProperty$2 = _defineProperty$1, identity$4 = identity_1;
+var constant$1 = constant_1, defineProperty$2 = _defineProperty$2, identity$4 = identity_1;
 var baseSetToString$3 = !defineProperty$2 ? identity$4 : function(func, string) {
   return defineProperty$2(func, "toString", {
     "configurable": true,
@@ -18056,7 +18070,7 @@ function _objectSpread$e(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$e(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -18116,7 +18130,7 @@ function _objectSpread$d(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$d(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -18373,7 +18387,7 @@ function _objectSpread$c(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$c(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -18898,7 +18912,7 @@ function _objectSpread$b(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$b(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -18960,7 +18974,7 @@ function _objectSpread$a(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$a(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -19194,7 +19208,7 @@ function _objectSpread$9(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$9(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -19254,7 +19268,7 @@ function _objectSpread$8(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$8(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -19345,7 +19359,7 @@ function _objectSpread$7(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$7(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -21684,7 +21698,7 @@ var FocusLock$1 = /* @__PURE__ */ React.forwardRef(function FocusLockUI2(props,
       setObserved(newObserved);
     }
   }, []);
-  var lockProps = _extends$f((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && "disabled", _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
+  var lockProps = _extends$g((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && "disabled", _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== "tail";
   var mergedRef = useMergeRefs([parentRef, setObserveNode]);
@@ -21714,7 +21728,7 @@ var FocusLock$1 = /* @__PURE__ */ React.forwardRef(function FocusLockUI2(props,
     onActivation,
     onDeactivation,
     returnFocus
-  }), /* @__PURE__ */ React.createElement(Container, _extends$f({
+  }), /* @__PURE__ */ React.createElement(Container, _extends$g({
     ref: mergedRef
   }, lockProps, {
     className,
@@ -21746,6 +21760,19 @@ FocusLock$1.defaultProps = {
   onDeactivation: void 0
 };
 var FocusLockUI = FocusLock$1;
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function withSideEffect(reducePropsToState2, handleStateChangeOnClient2) {
   function getDisplayName(WrappedComponent) {
     return WrappedComponent.displayName || WrappedComponent.name || "Component";
@@ -21785,7 +21812,7 @@ function withSideEffect(reducePropsToState2, handleStateChangeOnClient2) {
       };
       return SideEffect2;
     }(PureComponent);
-    _defineProperty$2(SideEffect, "displayName", "SideEffect(" + getDisplayName(WrappedComponent) + ")");
+    _defineProperty$1(SideEffect, "displayName", "SideEffect(" + getDisplayName(WrappedComponent) + ")");
     return SideEffect;
   };
 }
@@ -22385,7 +22412,7 @@ mediumEffect.assignMedium(function(cb) {
 });
 var FocusTrap = withSideEffect(reducePropsToState, handleStateChangeOnClient)(FocusWatcher);
 var FocusLockCombination = /* @__PURE__ */ React.forwardRef(function FocusLockUICombination(props, ref) {
-  return /* @__PURE__ */ React.createElement(FocusLockUI, _extends$f({
+  return /* @__PURE__ */ React.createElement(FocusLockUI, _extends$g({
     sideCar: FocusTrap,
     ref
   }, props));
@@ -25892,7 +25919,7 @@ function _objectSpread$6(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$6(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -25952,7 +25979,7 @@ function _objectSpread$5(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$5(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -27607,7 +27634,7 @@ function _objectSpread$4(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$4(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -28411,7 +28438,7 @@ function _objectSpread$3(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$3(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -28471,7 +28498,7 @@ function _objectSpread$2(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$2(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -30682,7 +30709,7 @@ function _objectSpread$1(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$1(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -31045,7 +31072,7 @@ function _objectSpread(target2) {
     var source = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target2, key, source[key]);
+        _defineProperty$3(target2, key, source[key]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
@@ -38330,6 +38357,7 @@ function ColorPicker(props) {
       display: "inline-block",
       height: 32,
       width: 32,
+      boxSizing: "border-box",
       padding: 4,
       border: "1px solid var(--color-neutral-3, rgb(229, 230, 235))",
       borderRadius: showInput ? void 0 : 4,
@@ -38616,7 +38644,9 @@ function InputWithUnit(props) {
   useCallback((val) => {
     props.onChange(val);
   }, [props.onChange]);
-  return /* @__PURE__ */ React__default.createElement(Input, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React__default.createElement(Input, __spreadProps(__spreadValues({
+    value
+  }, restProps), {
     quickchange: true
   }));
 }
@@ -38817,7 +38847,7 @@ function Link$1(props) {
     let underline = true;
     let linkNode = getLinkNode(props.currentRange);
     if (linkNode) {
-      link = linkNode.href;
+      link = linkNode.getAttribute("href") || "";
       blank = linkNode.getAttribute("target") === "_blank";
       underline = linkNode.style.textDecoration === "underline";
     }
@@ -38950,13 +38980,13 @@ var version$1 = "4.20.4";
 function renderComponent(props, name) {
   var render3 = props.render, children = props.children, component = props.component, rest = _objectWithoutPropertiesLoose(props, ["render", "children", "component"]);
   if (component) {
-    return /* @__PURE__ */ createElement(component, _extends$f({}, rest, {
+    return /* @__PURE__ */ createElement(component, _extends$g({}, rest, {
       children,
       render: render3
     }));
   }
   if (render3) {
-    return render3(children === void 0 ? rest : _extends$f({}, rest, {
+    return render3(children === void 0 ? rest : _extends$g({}, rest, {
       children
     }));
   }
@@ -39015,7 +39045,7 @@ var useFieldArray = function useFieldArray2(name, _temp) {
     };
   });
   var _useField = useField(name, {
-    subscription: _extends$f({}, subscription, {
+    subscription: _extends$g({}, subscription, {
       length: true
     }),
     defaultValue,
@@ -39041,7 +39071,7 @@ var useFieldArray = function useFieldArray2(name, _temp) {
     return results;
   };
   return {
-    fields: _extends$f({
+    fields: _extends$g({
       name,
       forEach: forEach2,
       length: length || 0,
@@ -39067,9 +39097,9 @@ var FieldArray = function FieldArray2(_ref2) {
     isEqual: isEqual2,
     validate: validate3
   }), fields = _useFieldArray.fields, meta = _useFieldArray.meta;
-  return renderComponent(_extends$f({
+  return renderComponent(_extends$g({
     fields,
-    meta: _extends$f({}, meta, {
+    meta: _extends$g({}, meta, {
       __versions: versions
     })
   }, rest), "FieldArray(" + name + ")");
@@ -39133,9 +39163,52 @@ function AddFont() {
     }
   });
 }
+function getContextMergeTags(mergeTags2, context, idx) {
+  const loop2 = (currentIdx, combineMergeTags) => {
+    var _a, _b;
+    const parentBlockData = lodash.exports.get(context, currentIdx);
+    if (!parentBlockData)
+      return combineMergeTags;
+    const parentBlock = BlockManager.getBlockByType(parentBlockData.type);
+    if (parentBlock && parentBlock.render) {
+      const dataSource = (_b = (_a = parentBlockData.data) == null ? void 0 : _a.value) == null ? void 0 : _b.dataSource;
+      if (!dataSource)
+        return combineMergeTags;
+      Object.keys(dataSource).forEach((key) => {
+        let formatKey = dataSource[key];
+        const loopFormatKey = (currentLoopKeyIdx) => {
+          const currentParentIdx = getParentIdx(currentLoopKeyIdx);
+          if (currentParentIdx) {
+            const currentBlockData = lodash.exports.get(context, currentParentIdx);
+            if (!currentBlockData)
+              return formatKey;
+            currentBlockData.data.value.dataSource && Object.keys(currentBlockData.data.value.dataSource).forEach((item2) => {
+              formatKey = formatKey.replace(item2, currentBlockData.data.value.dataSource[item2].replace(/{{([^}}]+)}}/g, "$1"));
+            });
+            loopFormatKey(currentParentIdx);
+          }
+        };
+        loopFormatKey(currentIdx);
+        const dataSourcePath = formatKey.replace(/{{([^}}]+)}}/g, "$1");
+        combineMergeTags = __spreadValues({
+          [key]: lodash.exports.get(combineMergeTags, dataSourcePath)
+        }, combineMergeTags);
+      });
+    }
+    const parentIdx = getParentIdx(currentIdx);
+    if (!parentIdx)
+      return combineMergeTags;
+    return loop2(parentIdx, combineMergeTags);
+  };
+  return loop2(idx, lodash.exports.cloneDeep(mergeTags2));
+}
 const MergeTags = React__default.memo((props) => {
   const { focusIdx: focusIdx2 } = useFocusIdx();
-  const { mergeTags: mergeTags2 = {}, mergeTagGenerate } = useEditorProps();
+  const {
+    mergeTags: mergeTags2 = {},
+    mergeTagGenerate = (m) => `{{${m}}}`,
+    renderMergeTagContent
+  } = useEditorProps();
   const { values: values2 } = useBlock();
   const contextMergeTags = useMemo(() => getContextMergeTags(mergeTags2, values2, focusIdx2), [mergeTags2, values2, focusIdx2]);
   const treeOptions = useMemo(() => {
@@ -39160,6 +39233,14 @@ const MergeTags = React__default.memo((props) => {
   const onSelect = useCallback((value) => {
     return props.onChange(value);
   }, [props]);
+  const mergeTagContent = useMemo(() => renderMergeTagContent({
+    onChange: props.onChange,
+    isSelect: props.isSelect,
+    value: props.value
+  }), [renderMergeTagContent, props.onChange, props.isSelect, props.value]);
+  if (renderMergeTagContent) {
+    return mergeTagContent;
+  }
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { color: "#333" }
   }, props.isSelect ? /* @__PURE__ */ React__default.createElement(TreeSelect$1, {
@@ -41482,7 +41563,7 @@ function Tools(props) {
   })));
 }
 var styleText = ".easy-email-extensions-emailToolItem{display:inline-flex;position:relative;outline:none;font-weight:400;appearance:none;cursor:pointer!important;white-space:nowrap;transition:all .1s linear;box-sizing:border-box;line-height:1.5715;border:none;background-color:transparent;color:#fff}.easy-email-extensions-divider{position:relative;display:inline-flex;width:1px;height:16px;background-color:#808080e6}\n";
-function RichTextToolBar() {
+function RichTextToolBar(props) {
   const [position, setPosition] = useState({ top: 0, left: 0 });
   const [blockNode, setBlockNode] = useState(null);
   const { focusBlock: focusBlock2 } = useBlock();
@@ -41541,8 +41622,7 @@ function RichTextToolBar() {
     }
   }), /* @__PURE__ */ React__default.createElement(Tools, {
     container: editorContainer,
-    onChange: () => {
-    }
+    onChange: props.onChange
   }))), blockNode));
 }
 const RichTextField = (props) => {
@@ -41551,7 +41631,7 @@ const RichTextField = (props) => {
   if ((focusBlock2 == null ? void 0 : focusBlock2.type) !== BasicType.TEXT)
     return null;
   const name = `${focusIdx2}.data.value.content`;
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(RichTextToolBar, null), /* @__PURE__ */ React__default.createElement(Field, {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Field, {
     name,
     parse: (v) => v
   }, ({ input }) => /* @__PURE__ */ React__default.createElement(FieldWrapper, __spreadProps(__spreadValues({}, props), {
@@ -41563,9 +41643,11 @@ function FieldWrapper(props) {
   const debounceCallbackChange = useCallback(lodash.exports.debounce((val) => {
     input.onChange(val);
   }, 500), [input]);
-  return /* @__PURE__ */ React__default.createElement(InlineText, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(RichTextToolBar, {
     onChange: debounceCallbackChange
-  }));
+  }), /* @__PURE__ */ React__default.createElement(InlineText, __spreadProps(__spreadValues({}, rest), {
+    onChange: debounceCallbackChange
+  })), ";");
 }
 const TextField = enhancer(Input, (value) => value);
 const InputWithUnitField = enhancer(InputWithUnit, (value) => value);
@@ -45104,5 +45186,5 @@ const SimpleLayout = (props) => {
     title: "Source code"
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null)));
 };
-export { DatePickerField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, SearchField as E, FontFamily as F, TextAreaField as G, Height as H, InteractivePrompt as I, NumberField as J, SliderField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, ColorPickerField as O, Padding as P, ImageUploaderField as Q, SelectField as R, ShortcutToolbar as S, TextAlign as T, UploadField as U, VerticalAlign as V, Width as W, TreeSelectField as X, AutoCompleteField as Y, RadioGroupField as Z, SwitchField as _, BlockAttributeConfigurationManager as a, CheckboxField as a0, EditTabField as a1, InlineTextField as a2, enhancer as a3, RichTextField as a4, Align as b, commonjsGlobal as c, AttributesPanelWrapper as d, ContainerBackgroundColor as e, TextDecoration as f, Background as g, LineHeight as h, TextTransform as i, BackgroundColor as j, Direction as k, Link as l, Border as m, BorderColor as n, FontSize as o, MergeTags as p, BorderStyle as q, FontStyle as r, BorderWidth as s, FontWeight as t, BlockMarketManager as u, BlockMaskWrapper as v, SourceCodePanel as w, SimpleLayout as x, TextField as y, InputWithUnitField as z };
+export { SwitchField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, InputWithUnitField as E, FontFamily as F, SearchField as G, Height as H, InteractivePrompt as I, TextAreaField as J, NumberField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, SliderField as O, Padding as P, ColorPickerField as Q, ImageUploaderField as R, ShortcutToolbar as S, TextAlign as T, UploadField as U, VerticalAlign as V, Width as W, SelectField as X, TreeSelectField as Y, AutoCompleteField as Z, RadioGroupField as _, BlockAttributeConfigurationManager as a, DatePickerField as a0, CheckboxField as a1, EditTabField as a2, InlineTextField as a3, enhancer as a4, RichTextField as a5, Align as b, commonjsGlobal as c, AttributesPanelWrapper as d, ContainerBackgroundColor as e, TextDecoration as f, getContextMergeTags as g, Background as h, LineHeight as i, TextTransform as j, BackgroundColor as k, Direction as l, Link as m, Border as n, BorderColor as o, FontSize as p, MergeTags as q, BorderStyle as r, FontStyle as s, BorderWidth as t, FontWeight as u, BlockMarketManager as v, BlockMaskWrapper as w, SourceCodePanel as x, SimpleLayout as y, TextField as z };
 //# sourceMappingURL=index2.js.map