@ivanholiak/easy-email-extensions 4.16.24 → 4.16.25

package/lib/AttributePanel/components/blocks/Code/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function Code(): React.JSX.Element;

package/lib/AttributePanel/components/blocks/index.d.ts

@@ -18,6 +18,7 @@ import { Hero } from './Hero';
 import { Navbar } from './Navbar';
 import { Social } from './Social';
 import { Table } from './Table';
+import { Code } from './Code';
 import { AdvancedTable } from './AdvancedTable';
 export declare const blocks: {
     page: typeof Page;
@@ -40,6 +41,7 @@ export declare const blocks: {
     navbar: typeof Navbar;
     social: typeof Social;
     table: typeof Table;
+    code: typeof Code;
     advanced_text: typeof Text;
     advanced_image: typeof Image;
     advanced_button: typeof Button;
@@ -50,6 +52,7 @@ export declare const blocks: {
     advanced_navbar: typeof Navbar;
     advanced_social: typeof Social;
     advanced_table: typeof AdvancedTable;
+    advanced_code: typeof Code;
     advanced_hero: typeof Hero;
     advanced_wrapper: typeof Wrapper;
     advanced_section: typeof Section;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function CodeBlockItem(): React.JSX.Element;

package/lib/index2.js

@@ -40212,8 +40212,8 @@ const ShadowDom = (props) => {
     ref: setRef
   }), root2 && ReactDOM$1.createPortal(props.children, root2)));
 };
-const CodeMirrorEditorPromise = import("./index3.js");
-const CodeMirrorEditor = React__default.lazy(() => CodeMirrorEditorPromise);
+const CodeMirrorEditorPromise$1 = import("./index3.js");
+const CodeMirrorEditor$1 = React__default.lazy(() => CodeMirrorEditorPromise$1);
 const HtmlEditor = (props) => {
   const { visible, setVisible } = props;
   const { focusBlock: focusBlock2, setValueByIdx: setValueByIdx2 } = useBlock();
@@ -40282,7 +40282,7 @@ const HtmlEditor = (props) => {
         color: "#fff"
       }
     }, t("Editor Loading..."))
-  }, /* @__PURE__ */ React__default.createElement(CodeMirrorEditor, {
+  }, /* @__PURE__ */ React__default.createElement(CodeMirrorEditor$1, {
     value: content,
     onChange: setContent
   }))), /* @__PURE__ */ React__default.createElement("div", {
@@ -41397,6 +41397,47 @@ function Table() {
     setVisible
   }));
 }
+const CodeMirrorEditorPromise = import("./index3.js");
+const CodeMirrorEditor = React__default.lazy(() => CodeMirrorEditorPromise);
+function Code() {
+  const { focusBlock: focusBlock2, setValueByIdx: setValueByIdx2 } = useBlock();
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  const content = (focusBlock2 == null ? void 0 : focusBlock2.data.value.content) || "";
+  const onChangeContent = (val) => {
+    if (!focusBlock2)
+      return;
+    focusBlock2.data.value.content = val;
+    setValueByIdx2(focusIdx2, __spreadValues({}, focusBlock2));
+  };
+  return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, null, /* @__PURE__ */ React__default.createElement(CollapseWrapper, {
+    defaultActiveKey: ["0", "1", "2"]
+  }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
+    name: "0",
+    header: t("Code content")
+  }, /* @__PURE__ */ React__default.createElement(Suspense, {
+    fallback: /* @__PURE__ */ React__default.createElement("div", null, t("Loading..."))
+  }, /* @__PURE__ */ React__default.createElement(CodeMirrorEditor, {
+    value: content,
+    onChange: onChangeContent
+  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
+    name: "1",
+    header: t("Dimension")
+  }, /* @__PURE__ */ React__default.createElement(Space$1, {
+    direction: "vertical"
+  }, /* @__PURE__ */ React__default.createElement(Padding, {
+    showResetAll: true
+  }))), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, {
+    name: "2",
+    header: t("Color")
+  }, /* @__PURE__ */ React__default.createElement(Grid$1.Row, null, /* @__PURE__ */ React__default.createElement(Grid$1.Col, {
+    span: 11
+  }, /* @__PURE__ */ React__default.createElement(Color, null)), /* @__PURE__ */ React__default.createElement(Grid$1.Col, {
+    offset: 1,
+    span: 11
+  }, /* @__PURE__ */ React__default.createElement(ContainerBackgroundColor, {
+    title: t("Background color")
+  }))))));
+}
 function AdvancedTable() {
   const { focusIdx: focusIdx2 } = useFocusIdx();
   return /* @__PURE__ */ React__default.createElement(AttributesPanelWrapper, null, /* @__PURE__ */ React__default.createElement(CollapseWrapper, {
@@ -41452,6 +41493,7 @@ const blocks = {
   [BasicType.NAVBAR]: Navbar,
   [BasicType.SOCIAL]: Social,
   [BasicType.TABLE]: Table,
+  [BasicType.CODE]: Code,
   [AdvancedType.TEXT]: Text,
   [AdvancedType.IMAGE]: Image$1,
   [AdvancedType.BUTTON]: Button,
@@ -41462,6 +41504,7 @@ const blocks = {
   [AdvancedType.NAVBAR]: Navbar,
   [AdvancedType.SOCIAL]: Social,
   [AdvancedType.TABLE]: AdvancedTable,
+  [AdvancedType.CODE]: Code,
   [AdvancedType.HERO]: Hero,
   [AdvancedType.WRAPPER]: Wrapper,
   [AdvancedType.SECTION]: Section,
@@ -57185,6 +57228,36 @@ function SocialBlockItem() {
     })));
   })));
 }
+function CodeBlockItem() {
+  return /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
+    fill: true
+  }, /* @__PURE__ */ React__default.createElement(Stack$4, {
+    vertical: true
+  }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
+    fill: true
+  }, /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
+    type: AdvancedType.CODE,
+    payload: {
+      data: {
+        value: {
+          content: "const greet = (name) => {\n  console.log(`Hello, ${name}!`);\n};\ngreet('World');"
+        }
+      }
+    }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: {
+      backgroundColor: "#f4f4f4",
+      borderRadius: 4,
+      padding: "12px 16px",
+      fontFamily: "'Courier New', Courier, monospace",
+      fontSize: 12,
+      lineHeight: 1.5,
+      whiteSpace: "pre-wrap",
+      wordWrap: "break-word",
+      color: "#333"
+    }
+  }, "const greet = (name) => {\n  console.log(`Hello, ${name}!`);\n};")))));
+}
 function WrapperBlockItem() {
   return /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
     fill: true
@@ -58077,6 +58150,16 @@ const defaultCategories$1 = [
           );
         },
         component: SocialBlockItem
+      },
+      {
+        type: AdvancedType.CODE,
+        get title() {
+          return t("Code");
+        },
+        get description() {
+          return t("Displays a formatted code snippet in your email.");
+        },
+        component: CodeBlockItem
       }
     ]
   },