@go-mailer/easy-email-extensions 4.16.6 → 5.0.0

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/tableTool.d.ts

@@ -1,5 +1,5 @@
 import TableOperationMenu from './tableOperationMenu';
-import { AdvancedTableBlock } from 'easy-email-core';
+import { AdvancedTableBlock } from '@go-mailer/easy-email-core';
 interface IBorderTool {
     top: Element;
     bottom: Element;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/type.d.ts

@@ -1,4 +1,4 @@
-import { IAdvancedTableData } from 'easy-email-core';
+import { IAdvancedTableData } from '@go-mailer/easy-email-core';
 export interface IOperationData extends IAdvancedTableData {
     top: number;
     bottom: number;

package/lib/AttributePanel/components/blocks/AdvancedTable/Operation/util.d.ts

@@ -1,5 +1,5 @@
 import { IBoundaryRect, IBoundingPosition, IOperationData } from './type';
-import { AdvancedTableBlock } from 'easy-email-core';
+import { AdvancedTableBlock } from '@go-mailer/easy-email-core';
 export declare const getBoundaryRectAndElement: (el1: Element, el2: Element) => {
     leftTopCell: Element;
     bottomRightCell: Element;

package/lib/BlockLayer/components/ContextMenu/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useBlock } from 'easy-email-editor';
+import { useBlock } from '@go-mailer/easy-email-editor';
 import { IBlockDataWithId } from '../../../BlockLayer';
 export declare function ContextMenu({ moveBlock, copyBlock, removeBlock, contextMenuData, onClose, }: {
     onClose: (ev?: React.MouseEvent) => void;

package/lib/BlockLayer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IBlockData } from 'easy-email-core';
+import { IBlockData } from '@go-mailer/easy-email-core';
 export interface IBlockDataWithId extends IBlockData {
     id: string;
     icon?: React.ReactElement;

package/lib/ShortcutToolbar/components/BlockMaskWrapper/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BlockType } from 'easy-email-core';
+import { BlockType } from '@go-mailer/easy-email-core';
 export declare const BlockMaskWrapper: React.FC<{
     type: BlockType | string;
     payload: any;

package/lib/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AdvancedType } from 'easy-email-core';
+import { AdvancedType } from '@go-mailer/easy-email-core';
 import { TextBlockItem } from './TextBlockItem';
 import { ImageBlockItem } from './ImageBlockItem';
 export declare const defaultCategories: {

package/lib/ShortcutToolbar/components/DragIcon/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IBlockData, RecursivePartial } from 'easy-email-core';
+import { IBlockData, RecursivePartial } from '@go-mailer/easy-email-core';
 export interface DragIconProps<T extends IBlockData> {
     type: string;
     payload?: RecursivePartial<T>;

package/lib/ShortcutToolbar/utils/BlockMarketManager.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IBlockData } from 'easy-email-core';
+import { IBlockData } from '@go-mailer/easy-email-core';
 export interface BlockMarketCategory {
     name: string;
     title: string;

package/lib/SourceCodePanel/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function SourceCodePanel({ jsonReadOnly, mjmlReadOnly }: {
+export declare function SourceCodePanel({ jsonReadOnly, mjmlReadOnly, }: {
     jsonReadOnly: boolean;
     mjmlReadOnly: boolean;
 }): React.JSX.Element | null;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }: {
+export declare function IconBgColor({ selectionRange, execCommand, getPopoverMountNode, }: {
     selectionRange: Range | null;
     execCommand: (cmd: string, val?: any) => void;
     getPopoverMountNode: () => HTMLElement;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }: {
+export declare function IconFontColor({ selectionRange, execCommand, getPopoverMountNode, }: {
     selectionRange: Range | null;
     execCommand: (cmd: string, val?: any) => void;
     getPopoverMountNode: () => HTMLElement;

package/lib/index.js

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

package/lib/index2.js

@@ -52,8 +52,8 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React from "react";
 import React__default, { createContext, useContext, isValidElement, Children, cloneElement, Component, useRef, useMemo, memo, forwardRef, createRef, useState, useImperativeHandle, useEffect, useLayoutEffect, useCallback, PureComponent, useReducer, Fragment, Suspense } from "react";
-import { IconFont, useEditorProps, Stack as Stack$4, useRefState, getShadowRoot, DATA_CONTENT_EDITABLE_TYPE, ContentEditableType, TextStyle, useEditorContext, useBlock, useFocusIdx, DATA_CONTENT_EDITABLE_IDX, useFocusBlockLayout, MergeTagBadge, AvailableTools, FIXED_CONTAINER_ID, getPluginElement, RICH_TEXT_BAR_ID, CONTENT_EDITABLE_CLASS_NAME, getEditorRoot, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, isTextBlock, getBlockNodeByIdx, useLazyState, useActiveTab, ActiveTabKeys } from "easy-email-editor";
-import { BasicType, ImageManager, EMAIL_BLOCK_CLASS_NAME, BlockManager, createBlockDataByType, AdvancedType, Operator, OperatorSymbol, isAdvancedBlock, getParentByIdx, getParentIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, JsonToMjml, getNodeTypeFromClassName } from "easy-email-core";
+import { IconFont, useEditorProps, Stack as Stack$4, useRefState, getShadowRoot, DATA_CONTENT_EDITABLE_TYPE, ContentEditableType, TextStyle, useEditorContext, useBlock, useFocusIdx, DATA_CONTENT_EDITABLE_IDX, useFocusBlockLayout, MergeTagBadge, AvailableTools, FIXED_CONTAINER_ID, getPluginElement, RICH_TEXT_BAR_ID, CONTENT_EDITABLE_CLASS_NAME, getEditorRoot, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, isTextBlock, getBlockNodeByIdx, useLazyState, useActiveTab, ActiveTabKeys } from "@go-mailer/easy-email-editor";
+import { BasicType, ImageManager, EMAIL_BLOCK_CLASS_NAME, BlockManager, createBlockDataByType, AdvancedType, Operator, OperatorSymbol, isAdvancedBlock, getParentByIdx, getParentIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, JsonToMjml, getNodeTypeFromClassName } from "@go-mailer/easy-email-core";
 import ReactDOM, { createPortal, render as render$1 } from "react-dom";
 import { Field, useForm as useForm$1, useField, Form as Form$3, version as version$2, useFormState as useFormState$2 } from "react-final-form";
 import { v4 } from "uuid";
@@ -35450,9 +35450,7 @@ function ImageUploader(props) {
   const { mergeTags: mergeTags2 } = useEditorProps();
   const [isUploading, setIsUploading] = useState(false);
   const [preview, setPreview] = useState(false);
-  const uploadHandlerRef = useRef(
-    props.uploadHandler
-  );
+  const uploadHandlerRef = useRef(props.uploadHandler);
   const onChange = props.onChange;
   const onUpload = useCallback(() => {
     if (isUploading) {
@@ -38081,9 +38079,12 @@ function useFontFamily() {
       const options2 = addFonts.map((item2) => ({ value: item2.name, label: item2.name }));
       fonts.unshift(...options2);
     }
-    return fonts.map((item2) => ({ value: item2.value, label: /* @__PURE__ */ React__default.createElement("span", {
-      style: { fontFamily: item2.value }
-    }, item2.label) }));
+    return fonts.map((item2) => ({
+      value: item2.value,
+      label: /* @__PURE__ */ React__default.createElement("span", {
+        style: { fontFamily: item2.value }
+      }, item2.label)
+    }));
   }, [addFonts, defaultFontList]);
   return {
     fontList: fontList2
@@ -38847,47 +38848,56 @@ function Condition() {
     },
     [change, condition, focusIdx2]
   );
-  const onAddCondition = useCallback((path) => {
-    const groups = lodash.exports.get(values2, path);
-    groups.push({
-      symbol: OperatorSymbol.AND,
-      groups: [
-        {
-          left: "",
-          operator: Operator.TRUTHY,
-          right: ""
-        }
-      ]
-    });
-    change(path, [...groups]);
-  }, [change, values2]);
-  const onAddSubCondition = useCallback((path) => {
-    const groups = lodash.exports.get(values2, path);
-    groups.push({
-      left: "",
-      operator: Operator.TRUTHY,
-      right: ""
-    });
-    change(path, [...groups]);
-  }, [change, values2]);
-  const onDelete = useCallback((path, gIndex, ggIndex) => {
-    if (!condition)
-      return;
-    const subPath = `${path}.${gIndex}.groups`;
-    const groups = lodash.exports.cloneDeep(lodash.exports.get(values2, path));
-    const subGroups = lodash.exports.cloneDeep(lodash.exports.get(values2, subPath));
-    subGroups.splice(ggIndex, 1);
-    if (subGroups.length === 0) {
-      if (groups.length === 1) {
-        Message$1.warning(t("At least one condition"));
+  const onAddCondition = useCallback(
+    (path) => {
+      const groups = lodash.exports.get(values2, path);
+      groups.push({
+        symbol: OperatorSymbol.AND,
+        groups: [
+          {
+            left: "",
+            operator: Operator.TRUTHY,
+            right: ""
+          }
+        ]
+      });
+      change(path, [...groups]);
+    },
+    [change, values2]
+  );
+  const onAddSubCondition = useCallback(
+    (path) => {
+      const groups = lodash.exports.get(values2, path);
+      groups.push({
+        left: "",
+        operator: Operator.TRUTHY,
+        right: ""
+      });
+      change(path, [...groups]);
+    },
+    [change, values2]
+  );
+  const onDelete = useCallback(
+    (path, gIndex, ggIndex) => {
+      if (!condition)
         return;
+      const subPath = `${path}.${gIndex}.groups`;
+      const groups = lodash.exports.cloneDeep(lodash.exports.get(values2, path));
+      const subGroups = lodash.exports.cloneDeep(lodash.exports.get(values2, subPath));
+      subGroups.splice(ggIndex, 1);
+      if (subGroups.length === 0) {
+        if (groups.length === 1) {
+          Message$1.warning(t("At least one condition"));
+          return;
+        }
+        groups.splice(gIndex, 1);
+        change(path, [...groups]);
+      } else {
+        change(subPath, [...subGroups]);
       }
-      groups.splice(gIndex, 1);
-      change(path, [...groups]);
-    } else {
-      change(subPath, [...subGroups]);
-    }
-  }, [change, condition, values2]);
+    },
+    [change, condition, values2]
+  );
   if (!(focusBlock2 == null ? void 0 : focusBlock2.type) || !Object.values(AdvancedType).includes(focusBlock2 == null ? void 0 : focusBlock2.type)) {
     return null;
   }
@@ -38958,7 +38968,9 @@ function Condition() {
       })), /* @__PURE__ */ React__default.createElement(Button$4, {
         size: "small",
         icon: /* @__PURE__ */ React__default.createElement(IconPlus$1, null),
-        onClick: () => onAddSubCondition(`${focusIdx2}.data.value.condition.groups.${gIndex}.groups`)
+        onClick: () => onAddSubCondition(
+          `${focusIdx2}.data.value.condition.groups.${gIndex}.groups`
+        )
       })), group.groups.map((item2, ggIndex) => /* @__PURE__ */ React__default.createElement(ConditionItem, {
         onDelete,
         path: `${focusIdx2}.data.value.condition.groups`,
@@ -38969,10 +38981,20 @@ function Condition() {
     }
   })));
 }
-const options$b = Object.values(Operator).map((item2) => ({ label: lodash.exports.upperFirst(item2), value: item2 }));
-function ConditionItem({ path, onDelete, gIndex, ggIndex }) {
+const options$b = Object.values(Operator).map((item2) => ({
+  label: lodash.exports.upperFirst(item2),
+  value: item2
+}));
+function ConditionItem({
+  path,
+  onDelete,
+  gIndex,
+  ggIndex
+}) {
   const name2 = `${path}.${gIndex}.groups.${ggIndex}`;
-  const { input: { value } } = useField(name2);
+  const {
+    input: { value }
+  } = useField(name2);
   const hideRight = value.operator === Operator.TRUTHY || value.operator === Operator.FALSY;
   return /* @__PURE__ */ React__default.createElement(Grid$1.Row, {
     align: "end"
@@ -39472,11 +39494,7 @@ function getContextMergeTags(mergeTags2, context, idx) {
 const MergeTags$1 = React__default.memo((props) => {
   const [expandedKeys, setExpandedKeys] = useState([]);
   const { focusIdx: focusIdx2 } = useFocusIdx();
-  const {
-    mergeTags: mergeTags2 = {},
-    mergeTagGenerate,
-    renderMergeTagContent
-  } = useEditorProps();
+  const { mergeTags: mergeTags2 = {}, mergeTagGenerate, renderMergeTagContent } = useEditorProps();
   const { values: values2 } = useBlock();
   const contextMergeTags = useMemo(
     () => getContextMergeTags(mergeTags2, values2, focusIdx2),
@@ -39499,9 +39517,7 @@ const MergeTags$1 = React__default.memo((props) => {
         );
       }
     };
-    Object.keys(contextMergeTags).map(
-      (key) => deep(key, key, contextMergeTags, treeData)
-    );
+    Object.keys(contextMergeTags).map((key) => deep(key, key, contextMergeTags, treeData));
     return treeData;
   }, [contextMergeTags]);
   const onSelect = useCallback(
@@ -42163,7 +42179,11 @@ function useSelectionRange() {
     setRangeByElement
   };
 }
-function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }) {
+function IconBgColor({
+  selectionRange,
+  execCommand,
+  getPopoverMountNode
+}) {
   const color2 = useMemo(() => {
     if (!selectionRange)
       return void 0;
@@ -42190,12 +42210,22 @@ function IconBgColor({ selectionRange, execCommand, getPopoverMountNode }) {
       iconName: "icon-bg-color",
       style: { position: "relative", top: "-1px" }
     }), /* @__PURE__ */ React__default.createElement("div", {
-      style: { borderBottom: `2px solid ${color2}`, position: "absolute", width: "130%", left: "-15%", top: 16 }
+      style: {
+        borderBottom: `2px solid ${color2}`,
+        position: "absolute",
+        width: "130%",
+        left: "-15%",
+        top: 16
+      }
     })),
     title: t("Background color")
   }));
 }
-function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }) {
+function IconFontColor({
+  selectionRange,
+  execCommand,
+  getPopoverMountNode
+}) {
   const color2 = useMemo(() => {
     if (!selectionRange)
       return void 0;
@@ -42222,7 +42252,13 @@ function IconFontColor({ selectionRange, execCommand, getPopoverMountNode }) {
       iconName: "icon-font-color",
       style: { position: "relative", top: "-1px" }
     }), /* @__PURE__ */ React__default.createElement("div", {
-      style: { borderBottom: `2px solid ${color2}`, position: "absolute", width: "130%", left: "-15%", top: 16 }
+      style: {
+        borderBottom: `2px solid ${color2}`,
+        position: "absolute",
+        width: "130%",
+        left: "-15%",
+        top: 16
+      }
     })),
     title: t("Text color")
   }));
@@ -42259,7 +42295,12 @@ function BasicTools() {
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { marginRight: 40 }
   }, /* @__PURE__ */ React__default.createElement("span", {
-    style: { position: "relative", marginRight: 10, color: "#fff", fontFamily: "-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI" }
+    style: {
+      position: "relative",
+      marginRight: 10,
+      color: "#fff",
+      fontFamily: "-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI"
+    }
   }, "Text"), /* @__PURE__ */ React__default.createElement(ToolItem$1, {
     onClick: handleSelectParent,
     title: t("Select parent block"),
@@ -45857,7 +45898,7 @@ function ShortcutToolbar() {
   })), /* @__PURE__ */ React__default.createElement(DragIcon, {
     type: AdvancedType.TEXT,
     color: "rgb(110, 215, 135)",
-    payload: { attributes: { padding: "0px 25px 0px 25px", "align": "center" } }
+    payload: { attributes: { padding: "0px 25px 0px 25px", align: "center" } }
   }), /* @__PURE__ */ React__default.createElement(DragIcon, {
     payload: { attributes: { padding: "0px 0px 0px 0px" } },
     type: AdvancedType.IMAGE,
@@ -46119,7 +46160,10 @@ const customTextArea = "_customTextArea_xcz5w_1";
 var styles$5 = {
   customTextArea
 };
-function SourceCodePanel({ jsonReadOnly, mjmlReadOnly }) {
+function SourceCodePanel({
+  jsonReadOnly,
+  mjmlReadOnly
+}) {
   const { setValueByIdx, focusBlock, values } = useBlock();
   const { focusIdx } = useFocusIdx();
   const [mjmlText, setMjmlText] = useState("");
@@ -46852,9 +46896,7 @@ const removeAllActiveBadge = () => {
   getShadowRoot().querySelectorAll(".easy-email-merge-tag").forEach((item2) => {
     item2.classList.remove("easy-email-merge-tag-focus");
   });
-  getShadowRoot().querySelectorAll(
-    ".easy-email-merge-tag-popover"
-  );
+  getShadowRoot().querySelectorAll(".easy-email-merge-tag-popover");
 };
 function MergeTagBadgePrompt() {
   const { initialized } = useEditorContext();
@@ -46866,11 +46908,14 @@ function MergeTagBadgePrompt() {
   const [target2, setTarget] = React__default.useState(null);
   const targetRef = useRefState(target2);
   const textContainer = getBlockNodeByChildEle(target2);
-  const focusMergeTag = useCallback((ele) => {
-    if (!ele)
-      return;
-    setRangeByElement(ele);
-  }, [setRangeByElement]);
+  const focusMergeTag = useCallback(
+    (ele) => {
+      if (!ele)
+        return;
+      setRangeByElement(ele);
+    },
+    [setRangeByElement]
+  );
   useEffect(() => {
     const onBlur3 = (ev) => {
       if (ev.target === getEditorRoot()) {
@@ -46956,7 +47001,9 @@ function MergeTagBadgePrompt() {
       onClick: onClose
     })), /* @__PURE__ */ React__default.createElement("div", {
       className: "easy-email-merge-tag-popover-desc"
-    }, /* @__PURE__ */ React__default.createElement("p", null, t('If a personalized text value isn"t available, then a default value is shown.')), /* @__PURE__ */ React__default.createElement("div", {
+    }, /* @__PURE__ */ React__default.createElement("p", null, t(
+      'If a personalized text value isn"t available, then a default value is shown.'
+    )), /* @__PURE__ */ React__default.createElement("div", {
       className: "easy-email-merge-tag-popover-desc-label"
     }, /* @__PURE__ */ React__default.createElement("input", {
       autoFocus: true,
@@ -46977,7 +47024,12 @@ function MergeTagBadgePrompt() {
 }
 const SimpleLayout = (props) => {
   const { height: containerHeight } = useEditorProps();
-  const { showSourceCode = true, defaultShowLayer = true, jsonReadOnly: jsonReadOnly2 = false, mjmlReadOnly: mjmlReadOnly2 = true } = props;
+  const {
+    showSourceCode = true,
+    defaultShowLayer = true,
+    jsonReadOnly: jsonReadOnly2 = false,
+    mjmlReadOnly: mjmlReadOnly2 = true
+  } = props;
   const [collapsed, setCollapsed] = useState(!defaultShowLayer);
   return /* @__PURE__ */ React__default.createElement(ConfigProvider, {
     locale: enUS
@@ -47098,9 +47150,7 @@ function useExtensionProps() {
 function Blocks() {
   const { categories } = useExtensionProps();
   const defaultActiveKey = useMemo(
-    () => [
-      ...categories.filter((item2) => item2.active).map((item2) => item2.label)
-    ],
+    () => [...categories.filter((item2) => item2.active).map((item2) => item2.label)],
     [categories]
   );
   return /* @__PURE__ */ React__default.createElement(Collapse$1, {
@@ -47168,10 +47218,7 @@ function BlockItem({
     style: { marginTop: 10 }
   }, title2 || (block2 == null ? void 0 : block2.name)))));
 }
-function LayoutItem({
-  columns,
-  title: title2
-}) {
+function LayoutItem({ columns, title: title2 }) {
   const [visible, setVisible] = useState(false);
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", {
     onClick: () => setVisible((v2) => !v2),