easy-email-extensions 4.1.4 → 4.1.7

package/lib/components/Form/RichTextToolBar/components/Tools/IconFontColor/index.d.ts

@@ -1,5 +1,5 @@
-export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }: {
-    selectionRange: Range | null;
-    execCommand: (cmd: string, val?: any) => void;
-    getPopoverMountNode: () => HTMLElement;
-}): JSX.Element;
+export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }: {
+    selectionRange: Range | null;
+    execCommand: (cmd: string, val?: any) => void;
+    getPopoverMountNode: () => HTMLElement;
+}): JSX.Element;

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

@@ -1,4 +1,4 @@
-export interface ToolsProps {
-    onChange: (content: string) => any;
-}
-export declare function Tools(props: ToolsProps): JSX.Element;
+export interface ToolsProps {
+    onChange: (content: string) => any;
+}
+export declare function Tools(props: ToolsProps): JSX.Element;

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

@@ -1 +1 @@
-export { Tools } from './Tools';
+export { Tools } from './Tools';

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

@@ -1,6 +1,6 @@
-import { PopoverProps } from '@arco-design/web-react';
-export interface LinkProps extends PopoverProps {
-    currentRange: Range | null | undefined;
-    onChange: () => void;
-}
-export declare function Underline(props: LinkProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Underline(props: LinkProps): JSX.Element;

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

@@ -1,12 +1,12 @@
-import { PopoverProps } from '@arco-design/web-react';
-export interface LinkParams {
-    link: string;
-    blank: boolean;
-    underline: boolean;
-    linkNode: HTMLAnchorElement | null;
-}
-export interface LinkProps extends PopoverProps {
-    currentRange: Range | null | undefined;
-    onChange: () => void;
-}
-export declare function Unlink(props: LinkProps): JSX.Element;
+import { PopoverProps } from '@arco-design/web-react';
+export interface LinkParams {
+    link: string;
+    blank: boolean;
+    underline: boolean;
+    linkNode: HTMLAnchorElement | null;
+}
+export interface LinkProps extends PopoverProps {
+    currentRange: Range | null | undefined;
+    onChange: () => void;
+}
+export declare function Unlink(props: LinkProps): JSX.Element;

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

@@ -1 +1 @@
-export { RichTextToolBar } from './RichTextToolBar';
+export { RichTextToolBar } from './RichTextToolBar';

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

@@ -1,11 +1,11 @@
-import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
-import React from 'react';
-export interface SelectProps extends ArcoSelectProps {
-    options: Array<{
-        value: string;
-        label: React.ReactNode;
-    }>;
-    onChange?: (val: string) => void;
-    value: string;
-}
-export declare function Select(props: SelectProps): JSX.Element;
+import { SelectProps as ArcoSelectProps } from '@arco-design/web-react';
+import React from 'react';
+export interface SelectProps extends ArcoSelectProps {
+    options: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onChange?: (val: string) => void;
+    value: string;
+}
+export declare function Select(props: SelectProps): JSX.Element;

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

@@ -1,8 +1,8 @@
-export interface UploadFieldProps {
-    onChange: (val: string) => void;
-    value: string;
-    inputDisabled?: boolean;
-    accept?: string;
-    uploadHandler: (file: File) => Promise<string>;
-}
-export declare function UploadField(props: UploadFieldProps): JSX.Element;
+export interface UploadFieldProps {
+    onChange: (val: string) => void;
+    value: string;
+    inputDisabled?: boolean;
+    accept?: string;
+    uploadHandler: (file: File) => Promise<string>;
+}
+export declare function UploadField(props: UploadFieldProps): JSX.Element;

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

@@ -1,20 +1,20 @@
-import { StackProps } from 'easy-email-editor';
-import { FieldProps } from 'react-final-form';
-import React from 'react';
-import { InputProps } from './Input';
-export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
-    name: string;
-    label: React.ReactNode | null;
-    labelHidden?: boolean;
-    alignment?: StackProps['alignment'];
-    distribution?: StackProps['distribution'];
-    helpText?: React.ReactNode;
-    inline?: boolean;
-    required?: boolean;
-    valueAdapter?: (value: any) => any;
-    onChangeAdapter?: (value: any) => any;
-    validate?: (value: any) => string | undefined | Promise<string | undefined>;
-    wrapper?: boolean;
-    size?: InputProps['size'];
-}
-export default function enhancer<P, C extends (...rest: any[]) => any = any>(Component: any, changeAdapter: C): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;
+import { StackProps } from 'easy-email-editor';
+import { FieldProps } from 'react-final-form';
+import React from 'react';
+import { InputProps } from './Input';
+export interface EnhancerProps<T> extends Partial<FieldProps<T, any>> {
+    name: string;
+    label: React.ReactNode | null;
+    labelHidden?: boolean;
+    alignment?: StackProps['alignment'];
+    distribution?: StackProps['distribution'];
+    helpText?: React.ReactNode;
+    inline?: boolean;
+    required?: boolean;
+    valueAdapter?: (value: any) => any;
+    onChangeAdapter?: (value: any) => any;
+    validate?: (value: any) => string | undefined | Promise<string | undefined>;
+    wrapper?: boolean;
+    size?: InputProps['size'];
+}
+export default function enhancer<P, C extends (...rest: any[]) => any = any>(Component: any, changeAdapter: C): (props: EnhancerProps<P> & Omit<P, 'value' | 'onChange' | 'mutators'>) => JSX.Element;

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

@@ -1,34 +1,34 @@
-import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps, TreeSelectProps } from '@arco-design/web-react';
-import { ImageUploaderProps } from './ImageUploader';
-import { UploadFieldProps } from './UploadField';
-import { ColorPickerProps } from './ColorPicker';
-import { SelectProps } from './Select';
-import { RadioGroupProps } from './RadioGroup';
-import enhancer from './enhancer';
-import { InputProps } from './Input';
-import { InputWithUnitProps } from './InputWithUnit';
-import { EditTabProps } from './EditTab';
-import { EditGridTabProps } from './EditGridTab';
-import { InlineTextProps } from './InlineTextField';
-import { AutoCompleteProps } from './AutoComplete';
-export { RichTextField } from './RichTextField';
-export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const InputWithUnitField: (props: import("./enhancer").EnhancerProps<InputWithUnitProps> & Omit<InputWithUnitProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const TreeSelectField: (props: import("./enhancer").EnhancerProps<TreeSelectProps> & Omit<TreeSelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const EditGridTabField: (props: import("./enhancer").EnhancerProps<EditGridTabProps<any>> & Omit<EditGridTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
-export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
-export { enhancer };
+import { SliderProps, InputNumberProps, SwitchProps, DatePickerProps, TextAreaProps, CheckboxGroupProps, TreeSelectProps } from '@arco-design/web-react';
+import { ImageUploaderProps } from './ImageUploader';
+import { UploadFieldProps } from './UploadField';
+import { ColorPickerProps } from './ColorPicker';
+import { SelectProps } from './Select';
+import { RadioGroupProps } from './RadioGroup';
+import enhancer from './enhancer';
+import { InputProps } from './Input';
+import { InputWithUnitProps } from './InputWithUnit';
+import { EditTabProps } from './EditTab';
+import { EditGridTabProps } from './EditGridTab';
+import { InlineTextProps } from './InlineTextField';
+import { AutoCompleteProps } from './AutoComplete';
+export { RichTextField } from './RichTextField';
+export declare const TextField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const InputWithUnitField: (props: import("./enhancer").EnhancerProps<InputWithUnitProps> & Omit<InputWithUnitProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SearchField: (props: import("./enhancer").EnhancerProps<InputProps> & Omit<InputProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const TextAreaField: (props: import("./enhancer").EnhancerProps<TextAreaProps> & Omit<TextAreaProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const NumberField: (props: import("./enhancer").EnhancerProps<InputNumberProps> & Omit<InputNumberProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SliderField: (props: import("./enhancer").EnhancerProps<SliderProps> & Omit<SliderProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const ColorPickerField: (props: import("./enhancer").EnhancerProps<ColorPickerProps> & Omit<ColorPickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const UploadField: (props: import("./enhancer").EnhancerProps<UploadFieldProps> & Omit<UploadFieldProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const ImageUploaderField: (props: import("./enhancer").EnhancerProps<ImageUploaderProps> & Omit<ImageUploaderProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SelectField: (props: import("./enhancer").EnhancerProps<SelectProps> & Omit<SelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const TreeSelectField: (props: import("./enhancer").EnhancerProps<TreeSelectProps> & Omit<TreeSelectProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const AutoCompleteField: (props: import("./enhancer").EnhancerProps<AutoCompleteProps> & Omit<AutoCompleteProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const RadioGroupField: (props: import("./enhancer").EnhancerProps<RadioGroupProps> & Omit<RadioGroupProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const SwitchField: (props: import("./enhancer").EnhancerProps<SwitchProps> & Omit<SwitchProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const DatePickerField: (props: import("./enhancer").EnhancerProps<DatePickerProps> & Omit<DatePickerProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const CheckboxField: (props: import("./enhancer").EnhancerProps<CheckboxGroupProps<any>> & Omit<CheckboxGroupProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const EditTabField: (props: import("./enhancer").EnhancerProps<EditTabProps<any>> & Omit<EditTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const EditGridTabField: (props: import("./enhancer").EnhancerProps<EditGridTabProps<any>> & Omit<EditGridTabProps<any>, "value" | "onChange" | "mutators">) => JSX.Element;
+export declare const InlineTextField: (props: import("./enhancer").EnhancerProps<InlineTextProps> & Omit<InlineTextProps, "value" | "onChange" | "mutators">) => JSX.Element;
+export { enhancer };

package/lib/components/RenderCount/index.d.ts

@@ -1 +1 @@
-export declare function RenderCount(): JSX.Element;
+export declare function RenderCount(): JSX.Element;

package/lib/components/ShadowDom/index.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;
+import React from 'react';
+export declare const ShadowDom: React.FC<React.HTMLProps<HTMLElement>>;

package/lib/constants.d.ts

@@ -0,0 +1 @@
+export declare const RICH_TEXT_TOOL_BAR = "Tools";

package/lib/hooks/useAddToCollection.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare function useAddToCollection(): {
-    modal: JSX.Element;
-    modalVisible: boolean;
-    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
-};
+import React from 'react';
+export declare function useAddToCollection(): {
+    modal: JSX.Element;
+    modalVisible: boolean;
+    setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/lib/hooks/useFontFamily.d.ts

@@ -1,6 +1,6 @@
-export declare function useFontFamily(): {
-    fontList: {
-        value: string;
-        label: JSX.Element;
-    }[];
-};
+export declare function useFontFamily(): {
+    fontList: {
+        value: string;
+        label: JSX.Element;
+    }[];
+};

package/lib/index.d.ts

@@ -1,12 +1,13 @@
-import './index.scss';
-export * from './BlockLayer';
-export * from './AttributePanel';
-export * from './ShortcutToolbar';
-export * from './SourceCodePanel';
-export * from './InteractivePrompt';
-export * from './SimpleLayout';
-export * from './MergeTagBadgePrompt';
-export * from './components/Form';
-export { getContextMergeTags } from './utils/getContextMergeTags';
-export { getIconNameByBlockType } from './utils/getIconNameByBlockType';
-export { getBlockTitle } from './utils/getBlockTitle';
+import './index.scss';
+export * from './BlockLayer';
+export * from './AttributePanel';
+export * from './ShortcutToolbar';
+export * from './SourceCodePanel';
+export * from './InteractivePrompt';
+export * from './SimpleLayout';
+export * from './MergeTagBadgePrompt';
+export * from './constants';
+export * from './components/Form';
+export { getContextMergeTags } from './utils/getContextMergeTags';
+export { getIconNameByBlockType } from './utils/getIconNameByBlockType';
+export { getBlockTitle } from './utils/getBlockTitle';

package/lib/index.js

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

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" }
@@ -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" }
@@ -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" }
@@ -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" }
@@ -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