easy-email-extensions 4.1.5 → 4.1.8

package/lib/index2.js

@@ -43160,6 +43160,7 @@ class BlockAttributeConfigurationManager {
   }
 }
 __publicField(BlockAttributeConfigurationManager, "map", __spreadValues({}, blocks));
+const RICH_TEXT_TOOL_BAR = "Tools";
 const SelectionRangeContext = React__default.createContext({
   selectionRange: null,
   setSelectionRange: () => {
@@ -43172,6 +43173,9 @@ const SelectionRangeProvider = (props) => {
       try {
         const range2 = getShadowRoot().getSelection().getRangeAt(0);
         if (range2) {
+          const toolbar = getShadowRoot().getElementById(RICH_TEXT_TOOL_BAR);
+          if (toolbar && toolbar.contains(range2.commonAncestorContainer))
+            return;
           setSelectionRange(range2);
         }
       } catch (error2) {
@@ -43692,18 +43696,31 @@ function Tools(props) {
     } else {
       document.execCommand(cmd, false, val);
     }
-    const html = ((_a = getShadowRoot().activeElement) == null ? void 0 : _a.innerHTML) || "";
-    props.onChange(html);
-  }, [enabledMergeTagsBadge, focusBlockNode, props, restoreRange, selectionRange, setRangeByElement]);
+    const contenteditableElement = getShadowRoot().activeElement;
+    if ((contenteditableElement == null ? void 0 : contenteditableElement.getAttribute("contenteditable")) === "true") {
+      const html = ((_a = getShadowRoot().activeElement) == null ? void 0 : _a.innerHTML) || "";
+      props.onChange(html);
+    }
+  }, [
+    enabledMergeTagsBadge,
+    focusBlockNode,
+    props,
+    restoreRange,
+    selectionRange,
+    setRangeByElement
+  ]);
   const execCommandWithRange = useCallback((cmd, val) => {
     var _a;
     document.execCommand(cmd, false, val);
-    const html = ((_a = getShadowRoot().activeElement) == null ? void 0 : _a.innerHTML) || "";
-    props.onChange(html);
+    const contenteditableElement = getShadowRoot().activeElement;
+    if ((contenteditableElement == null ? void 0 : contenteditableElement.getAttribute("contenteditable")) === "true") {
+      const html = ((_a = getShadowRoot().activeElement) == null ? void 0 : _a.innerHTML) || "";
+      props.onChange(html);
+    }
   }, [props.onChange]);
   const getPopoverMountNode = () => document.getElementById(FIXED_CONTAINER_ID);
   return /* @__PURE__ */ React__default.createElement("div", {
-    id: "Tools",
+    id: RICH_TEXT_TOOL_BAR,
     style: { display: "flex", flexWrap: "nowrap" }
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: {
@@ -44617,7 +44634,7 @@ function TextBlockItem() {
       fill: true,
       key: index2
     }, /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
-      type: BasicType.TEXT,
+      type: AdvancedType.TEXT,
       payload: {
         attributes: {
           "font-size": item2 + "px",
@@ -44747,7 +44764,7 @@ function ImageBlockItem() {
   }, imageList.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.IMAGE,
+      type: AdvancedType.IMAGE,
       payload: {
         attributes: {
           src: item2,
@@ -44779,7 +44796,7 @@ function SpacerBlockItem() {
   }, spacerList.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.SPACER,
+      type: AdvancedType.SPACER,
       payload: {
         attributes: {
           height: item2 + "px"
@@ -44825,7 +44842,7 @@ function DividerBlockItem() {
   }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, null), /* @__PURE__ */ React__default.createElement(Stack$6.Item, null), dividerList.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.DIVIDER,
+      type: AdvancedType.DIVIDER,
       payload: {
         attributes: __spreadProps(__spreadValues({}, item2), { padding: "10px 0px" })
       }
@@ -44856,7 +44873,7 @@ function HeroBlockItem() {
   }, heroList.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.HERO,
+      type: AdvancedType.HERO,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45297,7 +45314,7 @@ function ButtonBlockItem() {
     }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
       fill: true
     }, /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
-      type: BasicType.BUTTON,
+      type: AdvancedType.BUTTON,
       payload: __spreadValues({}, item2.payload)
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative", overflow: "hidden" }
@@ -45430,7 +45447,7 @@ function AccordionBlockItem() {
   }, list$7.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.ACCORDION,
+      type: AdvancedType.ACCORDION,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45490,7 +45507,7 @@ function CarouselBlockItem() {
   }, list$6.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.CAROUSEL,
+      type: AdvancedType.CAROUSEL,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45512,7 +45529,7 @@ const list$5 = [
   {
     thumbnail: getImg("IMAGE_46"),
     payload: {
-      type: BasicType.NAVBAR,
+      type: AdvancedType.NAVBAR,
       data: {
         value: {
           links: [
@@ -45575,7 +45592,7 @@ function NavbarBlockItem() {
   }, list$5.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.NAVBAR,
+      type: AdvancedType.NAVBAR,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45597,7 +45614,7 @@ const list$4 = [
   {
     thumbnail: getImg("IMAGE_52"),
     payload: {
-      type: BasicType.SOCIAL,
+      type: AdvancedType.SOCIAL,
       data: {
         value: {
           elements: [
@@ -45645,7 +45662,7 @@ const list$4 = [
   {
     thumbnail: getImg("IMAGE_71"),
     payload: {
-      type: BasicType.SOCIAL,
+      type: AdvancedType.SOCIAL,
       data: {
         value: {
           elements: [
@@ -45699,7 +45716,7 @@ function SocialBlockItem() {
   }, list$4.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.SOCIAL,
+      type: AdvancedType.SOCIAL,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45725,7 +45742,7 @@ function WrapperBlockItem() {
   }, list$3.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.WRAPPER,
+      type: AdvancedType.WRAPPER,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45784,7 +45801,7 @@ const list$3 = [
           },
           children: [
             {
-              type: "column",
+              type: "advanced_column",
               data: {
                 value: {}
               },
@@ -45832,7 +45849,7 @@ const list$3 = [
           },
           children: [
             {
-              type: "column",
+              type: "advanced_column",
               data: {
                 value: {}
               },
@@ -45902,7 +45919,7 @@ function SectionBlockItem() {
   }, list$2.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.SECTION,
+      type: AdvancedType.SECTION,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -45945,7 +45962,7 @@ const list$2 = [
       },
       children: [
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -45979,7 +45996,7 @@ const list$2 = [
       },
       children: [
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -45991,7 +46008,7 @@ const list$2 = [
           children: []
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46025,7 +46042,7 @@ const list$2 = [
       },
       children: [
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46037,7 +46054,7 @@ const list$2 = [
           children: []
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46049,7 +46066,7 @@ const list$2 = [
           children: []
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46083,7 +46100,7 @@ const list$2 = [
       },
       children: [
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46095,7 +46112,7 @@ const list$2 = [
           children: []
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46107,7 +46124,7 @@ const list$2 = [
           children: []
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46119,7 +46136,7 @@ const list$2 = [
           children: []
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46142,7 +46159,7 @@ function GroupBlockItem() {
   }, list$1.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.GROUP,
+      type: AdvancedType.GROUP,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -46178,7 +46195,7 @@ const list$1 = [
       },
       children: [
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46205,7 +46222,7 @@ const list$1 = [
           ]
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46248,7 +46265,7 @@ const list$1 = [
       },
       children: [
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46290,7 +46307,7 @@ const list$1 = [
           ]
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46332,7 +46349,7 @@ const list$1 = [
           ]
         },
         {
-          type: "column",
+          type: "advanced_column",
           data: {
             value: {}
           },
@@ -46385,7 +46402,7 @@ function ColumnBlockItem() {
   }, list.map((item2, index2) => {
     return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
       key: index2,
-      type: BasicType.COLUMN,
+      type: AdvancedType.COLUMN,
       payload: item2.payload
     }, /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
@@ -46407,7 +46424,7 @@ const list = [
   {
     thumbnail: getImg("IMAGE_20"),
     payload: {
-      type: "column",
+      type: "advanced_column",
       data: {
         value: {}
       },
@@ -46492,13 +46509,13 @@ const defaultCategories = [
     name: "CONTENT",
     blocks: [
       {
-        type: BasicType.TEXT,
+        type: AdvancedType.TEXT,
         title: "Text",
         description: "This block allows you to display text in your email.",
         component: TextBlockItem
       },
       {
-        type: BasicType.IMAGE,
+        type: AdvancedType.IMAGE,
         title: "Image",
         description: /* @__PURE__ */ React__default.createElement(Stack$6, {
           vertical: true,
@@ -46507,40 +46524,40 @@ const defaultCategories = [
         component: ImageBlockItem
       },
       {
-        type: BasicType.BUTTON,
+        type: AdvancedType.BUTTON,
         title: "Button",
         description: "Displays a customizable button.",
         component: ButtonBlockItem
       },
       {
-        type: BasicType.HERO,
+        type: AdvancedType.HERO,
         title: "Hero",
         description: `This block displays a hero image. It behaves like an
         'section' with a single 'column'.`,
         component: HeroBlockItem
       },
       {
-        type: BasicType.NAVBAR,
+        type: AdvancedType.NAVBAR,
         title: "Navbar",
         description: `Displays a menu for navigation with an optional hamburger
         mode for mobile devices.`,
         component: NavbarBlockItem
       },
       {
-        type: BasicType.SPACER,
+        type: AdvancedType.SPACER,
         title: "Spacer",
         description: "Displays a blank space.",
         component: SpacerBlockItem
       },
       {
-        type: BasicType.DIVIDER,
+        type: AdvancedType.DIVIDER,
         title: "Divider",
         description: `Displays a horizontal divider that can be customized like a
         HTML border.`,
         component: DividerBlockItem
       },
       {
-        type: BasicType.ACCORDION,
+        type: AdvancedType.ACCORDION,
         title: "Accordion",
         description: `Accordion is an interactive component to stack content in
         tabs, so the information is collapsed and only the titles
@@ -46550,7 +46567,7 @@ const defaultCategories = [
         component: AccordionBlockItem
       },
       {
-        type: BasicType.CAROUSEL,
+        type: AdvancedType.CAROUSEL,
         title: "Carousel",
         description: `This block displays a gallery of images or "carousel".
         Readers can interact by hovering and clicking on
@@ -46558,7 +46575,7 @@ const defaultCategories = [
         component: CarouselBlockItem
       },
       {
-        type: BasicType.SOCIAL,
+        type: AdvancedType.SOCIAL,
         title: "Social",
         description: `Displays calls-to-action for various social networks with
         their associated logo.`,
@@ -46571,14 +46588,14 @@ const defaultCategories = [
     name: "LAYOUT",
     blocks: [
       {
-        type: BasicType.WRAPPER,
+        type: AdvancedType.WRAPPER,
         title: "Wrapper",
         description: `Wrapper enables to wrap multiple sections together. It's especially useful to achieve nested layouts with shared border or background images across sections.
         `,
         component: WrapperBlockItem
       },
       {
-        type: BasicType.SECTION,
+        type: AdvancedType.SECTION,
         title: "Section",
         description: /* @__PURE__ */ React__default.createElement(Stack$6, {
           vertical: true,
@@ -46587,7 +46604,7 @@ const defaultCategories = [
         component: SectionBlockItem
       },
       {
-        type: BasicType.GROUP,
+        type: AdvancedType.GROUP,
         title: "Group",
         description: `Group allows you to prevent columns from stacking on
           mobile. To do so, wrap the columns inside a group
@@ -46595,7 +46612,7 @@ const defaultCategories = [
         component: GroupBlockItem
       },
       {
-        type: BasicType.COLUMN,
+        type: AdvancedType.COLUMN,
         title: "Column",
         description: /* @__PURE__ */ React__default.createElement(Stack$6, {
           vertical: true,
@@ -47690,5 +47707,5 @@ const SimpleLayout = (props) => {
     }, "Source code")
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, null))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null)));
 };
-export { SelectField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, SourceCodePanel as E, FontFamily as F, SimpleLayout as G, Height as H, InteractivePrompt as I, MergeTagBadgePrompt as J, TextField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, InputWithUnitField as O, Padding as P, SearchField as Q, TextAreaField as R, ShortcutToolbar as S, TextAlign as T, NumberField as U, VerticalAlign as V, Width as W, SliderField as X, ColorPickerField as Y, UploadField as Z, ImageUploaderField as _, getIconNameByBlockType as a, TreeSelectField as a0, AutoCompleteField as a1, RadioGroupField as a2, SwitchField as a3, DatePickerField as a4, CheckboxField as a5, EditTabField as a6, EditGridTabField as a7, InlineTextField as a8, enhancer as a9, RichTextField as aa, getBlockTitle as b, commonjsGlobal as c, BlockAttributeConfigurationManager as d, Align as e, AttributesPanelWrapper as f, getContextMergeTags as g, ContainerBackgroundColor as h, TextDecoration as i, Background as j, LineHeight as k, TextTransform as l, BackgroundColor as m, Direction as n, Link as o, Border as p, BorderColor as q, FontSize$1 as r, MergeTags$1 as s, BorderStyle as t, FontStyle as u, BorderWidth as v, FontWeight as w, ClassName as x, BlockMarketManager as y, BlockMaskWrapper as z };
+export { ImageUploaderField as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, SourceCodePanel as E, FontFamily as F, SimpleLayout as G, Height as H, InteractivePrompt as I, MergeTagBadgePrompt as J, TextField as K, LetterSpacing as L, Margin as M, NavbarLinkPadding as N, InputWithUnitField as O, Padding as P, SearchField as Q, RICH_TEXT_TOOL_BAR as R, ShortcutToolbar as S, TextAlign as T, TextAreaField as U, VerticalAlign as V, Width as W, NumberField as X, SliderField as Y, ColorPickerField as Z, UploadField as _, getIconNameByBlockType as a, SelectField as a0, TreeSelectField as a1, AutoCompleteField as a2, RadioGroupField as a3, SwitchField as a4, DatePickerField as a5, CheckboxField as a6, EditTabField as a7, EditGridTabField as a8, InlineTextField as a9, enhancer as aa, RichTextField as ab, getBlockTitle as b, commonjsGlobal as c, BlockAttributeConfigurationManager as d, Align as e, AttributesPanelWrapper as f, getContextMergeTags as g, ContainerBackgroundColor as h, TextDecoration as i, Background as j, LineHeight as k, TextTransform as l, BackgroundColor as m, Direction as n, Link as o, Border as p, BorderColor as q, FontSize$1 as r, MergeTags$1 as s, BorderStyle as t, FontStyle as u, BorderWidth as v, FontWeight as w, ClassName as x, BlockMarketManager as y, BlockMaskWrapper as z };
 //# sourceMappingURL=index2.js.map