@parathantl/react-email-editor 0.1.1 → 0.1.2

package/dist/index.js

@@ -1377,7 +1377,11 @@ function EditorProvider({
 import { Component } from "react";
 
 // src/styles/error-boundary.module.css
-var error_boundary_default = {};
+var error_boundary_default = {
+  "errorBoundary": "errorBoundary",
+  "errorMessage": "errorMessage",
+  "retryBtn": "retryBtn"
+};
 
 // src/components/ErrorBoundary.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -1428,7 +1432,15 @@ import { useEffect as useEffect4, useRef as useRef5, useCallback as useCallback5
 import { createPortal } from "react-dom";
 
 // src/styles/confirm-dialog.module.css
-var confirm_dialog_default = {};
+var confirm_dialog_default = {
+  "overlay": "overlay",
+  "dialog": "dialog",
+  "title": "title",
+  "message": "message",
+  "actions": "actions",
+  "btnCancel": "btnCancel",
+  "btnConfirm": "btnConfirm"
+};
 
 // src/components/ConfirmDialog.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -2750,10 +2762,64 @@ function parseMenuBlock(el) {
 }
 
 // src/styles/toolbar.module.css
-var toolbar_default = {};
+var toolbar_default = {
+  "toolbar": "toolbar",
+  "toolbarGroup": "toolbarGroup",
+  "toolbarSeparator": "toolbarSeparator",
+  "toolbarSpacer": "toolbarSpacer",
+  "toolbarBtn": "toolbarBtn",
+  "toolbarBtnActive": "toolbarBtnActive",
+  "toolbarBtnPrimary": "toolbarBtnPrimary",
+  "tabBar": "tabBar",
+  "tabBtn": "tabBtn",
+  "tabBtnActive": "tabBtnActive",
+  "panelToggleBtn": "panelToggleBtn toolbarBtn",
+  "panelToggleBtnActive": "panelToggleBtnActive",
+  "exportWrapper": "exportWrapper",
+  "exportDropdown": "exportDropdown",
+  "exportDropdownItem": "exportDropdownItem",
+  "richTextToolbar": "richTextToolbar",
+  "richTextBtn": "richTextBtn",
+  "richTextBtnActive": "richTextBtnActive",
+  "richTextSeparator": "richTextSeparator",
+  "richTextSelect": "richTextSelect",
+  "richTextSelectSmall": "richTextSelectSmall richTextSelect",
+  "richTextColorWrapper": "richTextColorWrapper",
+  "richTextColorLabel": "richTextColorLabel",
+  "richTextColorIndicator": "richTextColorIndicator",
+  "richTextColorDropdown": "richTextColorDropdown",
+  "richTextColorGrid": "richTextColorGrid",
+  "richTextColorSwatch": "richTextColorSwatch",
+  "richTextColorActions": "richTextColorActions",
+  "richTextColorInput": "richTextColorInput",
+  "richTextColorClearBtn": "richTextColorClearBtn",
+  "richTextLinkDropdown": "richTextLinkDropdown",
+  "richTextLinkLabel": "richTextLinkLabel",
+  "richTextLinkInput": "richTextLinkInput",
+  "richTextLinkError": "richTextLinkError",
+  "richTextLinkActions": "richTextLinkActions",
+  "richTextLinkApply": "richTextLinkApply",
+  "richTextLinkRemove": "richTextLinkRemove"
+};
 
 // src/styles/editor.module.css
-var editor_default = {};
+var editor_default = {
+  "editorWrapper": "editorWrapper",
+  "editorContainer": "editorContainer",
+  "editorBody": "editorBody",
+  "editorPanel": "editorPanel",
+  "sidebarPanel": "sidebarPanel",
+  "canvasPanel": "canvasPanel",
+  "propertiesPanel": "propertiesPanel",
+  "sourceLayout": "sourceLayout",
+  "sourcePane": "sourcePane",
+  "sourcePaneDivider": "sourcePaneDivider",
+  "panelToggle": "panelToggle",
+  "panelOverlay": "panelOverlay",
+  "sidebarOpen": "sidebarOpen",
+  "propertiesOpen": "propertiesOpen",
+  "panelOverlayVisible": "panelOverlayVisible"
+};
 
 // src/components/Toolbar/Toolbar.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -3007,7 +3073,39 @@ function isDropAllowed(e) {
 }
 
 // src/styles/sidebar.module.css
-var sidebar_default = {};
+var sidebar_default = {
+  "sidebar": "sidebar",
+  "sectionTitle": "sectionTitle",
+  "blockPalette": "blockPalette",
+  "blockCard": "blockCard",
+  "blockCardIcon": "blockCardIcon",
+  "blockCardLabel": "blockCardLabel",
+  "variableList": "variableList",
+  "variableHint": "variableHint",
+  "variableGroup": "variableGroup",
+  "variableGroupTitle": "variableGroupTitle",
+  "variableChips": "variableChips",
+  "variableChip": "variableChip",
+  "variableChipInserted": "variableChipInserted",
+  "variableChipCustom": "variableChipCustom",
+  "variableChipDelete": "variableChipDelete",
+  "variableChipIcon": "variableChipIcon",
+  "addVariableSection": "addVariableSection",
+  "addVariableBtn": "addVariableBtn",
+  "addVariableForm": "addVariableForm",
+  "addVariableField": "addVariableField",
+  "addVariableLabel": "addVariableLabel",
+  "addVariableInput": "addVariableInput",
+  "addVariableError": "addVariableError",
+  "addVariableActions": "addVariableActions",
+  "addVariableCancelBtn": "addVariableCancelBtn",
+  "addVariableSubmitBtn": "addVariableSubmitBtn",
+  "layoutSection": "layoutSection",
+  "layoutOption": "layoutOption",
+  "layoutPreview": "layoutPreview",
+  "layoutColumn": "layoutColumn",
+  "layoutLabel": "layoutLabel"
+};
 
 // src/components/Sidebar/BlockPalette.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -4098,10 +4196,65 @@ function InlineColorPicker({ editor, type, title, label }) {
 }
 
 // src/styles/blocks.module.css
-var blocks_default = {};
+var blocks_default = {
+  "textBlock": "textBlock",
+  "textBlockToolbar": "textBlockToolbar",
+  "buttonBlock": "buttonBlock",
+  "buttonBlockLeft": "buttonBlockLeft",
+  "buttonBlockCenter": "buttonBlockCenter",
+  "buttonBlockRight": "buttonBlockRight",
+  "buttonPreview": "buttonPreview",
+  "imageBlock": "imageBlock",
+  "imageBlockLeft": "imageBlockLeft",
+  "imageBlockCenter": "imageBlockCenter",
+  "imageBlockRight": "imageBlockRight",
+  "imagePreview": "imagePreview",
+  "imagePlaceholder": "imagePlaceholder",
+  "imagePlaceholderIcon": "imagePlaceholderIcon",
+  "imageUploading": "imageUploading",
+  "imageProgress": "imageProgress",
+  "imageError": "imageError",
+  "dividerBlock": "dividerBlock",
+  "dividerLine": "dividerLine",
+  "spacerBlock": "spacerBlock",
+  "spacerLabel": "spacerLabel",
+  "socialBlock": "socialBlock",
+  "socialElement": "socialElement",
+  "socialIcon": "socialIcon",
+  "socialLabel": "socialLabel",
+  "socialElementsContainer": "socialElementsContainer",
+  "socialElementItem": "socialElementItem",
+  "htmlBlock": "htmlBlock",
+  "htmlPlaceholder": "htmlPlaceholder",
+  "videoBlock": "videoBlock",
+  "videoBlockLeft": "videoBlockLeft",
+  "videoBlockCenter": "videoBlockCenter",
+  "videoBlockRight": "videoBlockRight",
+  "videoPreview": "videoPreview",
+  "playOverlay": "playOverlay",
+  "videoPlaceholder": "videoPlaceholder",
+  "headingBlock": "headingBlock",
+  "countdownBlock": "countdownBlock",
+  "countdownLabel": "countdownLabel",
+  "countdownDigits": "countdownDigits",
+  "countdownUnit": "countdownUnit",
+  "countdownDigitBox": "countdownDigitBox",
+  "countdownUnitLabel": "countdownUnitLabel",
+  "menuBlock": "menuBlock",
+  "menuItems": "menuItems",
+  "menuItem": "menuItem",
+  "menuItemsContainer": "menuItemsContainer",
+  "menuItemEntry": "menuItemEntry",
+  "heroBlock": "heroBlock",
+  "heroHeading": "heroHeading",
+  "heroSubtext": "heroSubtext",
+  "heroButton": "heroButton"
+};
 
 // src/styles/tiptap.module.css
-var tiptap_default = {};
+var tiptap_default = {
+  "tiptapWrapper": "tiptapWrapper"
+};
 
 // src/components/Canvas/blocks/TextBlock.tsx
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -4798,7 +4951,36 @@ var BlockRenderer = React22.memo(function BlockRenderer2({ block }) {
 import React23, { useState as useState10, useCallback as useCallback16, useRef as useRef14 } from "react";
 
 // src/styles/canvas.module.css
-var canvas_default = {};
+var canvas_default = {
+  "canvasWrapper": "canvasWrapper",
+  "canvasBody": "canvasBody",
+  "canvasBodyDragOver": "canvasBodyDragOver",
+  "section": "section",
+  "sectionSelected": "sectionSelected",
+  "sectionFullWidth": "sectionFullWidth",
+  "sectionOverlay": "sectionOverlay",
+  "sectionBtn": "sectionBtn",
+  "sectionBtnDuplicate": "sectionBtnDuplicate",
+  "sectionDragHandle": "sectionDragHandle",
+  "sectionContent": "sectionContent",
+  "column": "column",
+  "blockWrapper": "blockWrapper",
+  "blockSelected": "blockSelected",
+  "blockOverlay": "blockOverlay",
+  "blockBtn": "blockBtn",
+  "blockBtnDuplicate": "blockBtnDuplicate",
+  "blockDropBefore": "blockDropBefore",
+  "blockDropAfter": "blockDropAfter",
+  "dropZone": "dropZone",
+  "dropZoneActive": "dropZoneActive",
+  "dropZoneLabel": "dropZoneLabel",
+  "emptyColumn": "emptyColumn",
+  "emptyColumnActive": "emptyColumnActive",
+  "sectionDropZone": "sectionDropZone",
+  "sectionDropZoneActive": "sectionDropZoneActive",
+  "sectionDropZoneLabel": "sectionDropZoneLabel",
+  "addSectionBtn": "addSectionBtn"
+};
 
 // src/components/Canvas/DropZone.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
@@ -5388,7 +5570,54 @@ import React32 from "react";
 import { useState as useState15, useCallback as useCallback21, useRef as useRef16, useEffect as useEffect12 } from "react";
 
 // src/styles/properties.module.css
-var properties_default = {};
+var properties_default = {
+  "propertiesPanel": "propertiesPanel",
+  "propertiesHeader": "propertiesHeader",
+  "propertiesBody": "propertiesBody",
+  "emptyProperties": "emptyProperties",
+  "fieldHint": "fieldHint",
+  "fieldGroup": "fieldGroup",
+  "fieldLabel": "fieldLabel",
+  "fieldInput": "fieldInput",
+  "fieldTextarea": "fieldTextarea fieldInput",
+  "fieldSelect": "fieldSelect fieldInput",
+  "fieldRow": "fieldRow",
+  "fieldHalf": "fieldHalf",
+  "colorPickerWrapper": "colorPickerWrapper",
+  "colorPickerTrigger": "colorPickerTrigger",
+  "colorSwatch": "colorSwatch",
+  "colorValue": "colorValue",
+  "colorPresets": "colorPresets",
+  "colorPresetBtn": "colorPresetBtn",
+  "colorPresetBtnActive": "colorPresetBtnActive",
+  "colorPresetBtnTransparent": "colorPresetBtnTransparent",
+  "colorSwatchTransparent": "colorSwatchTransparent",
+  "paddingGrid": "paddingGrid",
+  "paddingField": "paddingField",
+  "paddingLabel": "paddingLabel",
+  "paddingInput": "paddingInput fieldInput",
+  "alignmentPicker": "alignmentPicker",
+  "alignmentBtn": "alignmentBtn",
+  "alignmentBtnActive": "alignmentBtnActive",
+  "sliderWrapper": "sliderWrapper",
+  "sliderInput": "sliderInput",
+  "sliderValue": "sliderValue",
+  "itemActionBtn": "itemActionBtn",
+  "itemActionBtnDanger": "itemActionBtnDanger itemActionBtn",
+  "addItemBtn": "addItemBtn",
+  "fieldInputFlex": "fieldInputFlex fieldInput",
+  "fieldRowCompact": "fieldRowCompact",
+  "fieldSelectNarrow": "fieldSelectNarrow fieldSelect",
+  "fieldTextareaCode": "fieldTextareaCode fieldInput",
+  "fieldBtnUpload": "fieldBtnUpload fieldInput",
+  "fieldBtnUploadDisabled": "fieldBtnUploadDisabled fieldBtnUpload",
+  "validationError": "validationError",
+  "fieldInputStacked": "fieldInputStacked fieldInput",
+  "checkboxLabel": "checkboxLabel fieldLabel",
+  "colorPresetBtnFull": "colorPresetBtnFull",
+  "colorNativeInput": "colorNativeInput",
+  "separator": "separator"
+};
 
 // src/components/Properties/controls/ColorPicker.tsx
 import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -6058,7 +6287,7 @@ function SocialProperties({ block }) {
     [block.properties.elements, update]
   );
   const addElement = useCallback29(() => {
-    const elements = [...block.properties.elements, { name: "web", href: "#" }];
+    const elements = [...block.properties.elements, { id: generateId("se"), name: "web", href: "#" }];
     update({ elements });
   }, [block.properties.elements, update]);
   const removeElement = useCallback29(
@@ -6136,7 +6365,7 @@ function SocialProperties({ block }) {
             placeholder: "Label (optional)"
           }
         )
-      ] }, index)) }),
+      ] }, element.id ?? `se-${index}`)) }),
       /* @__PURE__ */ jsx43("button", { className: `ee-add-item ${properties_default.addItemBtn}`, onClick: addElement, children: "+ Add Element" })
     ] })
   ] });
@@ -6326,7 +6555,7 @@ function MenuProperties({ block }) {
     [block.properties.items, update]
   );
   const addItem = useCallback32(() => {
-    const items = [...block.properties.items, { text: "Link", href: "#" }];
+    const items = [...block.properties.items, { id: generateId("mi"), text: "Link", href: "#" }];
     update({ items });
   }, [block.properties.items, update]);
   const removeItem = useCallback32(
@@ -6383,7 +6612,7 @@ function MenuProperties({ block }) {
             placeholder: "URL"
           }
         )
-      ] }, index)) }),
+      ] }, item.id ?? `mi-${index}`)) }),
       /* @__PURE__ */ jsx48("button", { className: `ee-add-item ${properties_default.addItemBtn}`, onClick: addItem, children: "+ Add Item" })
     ] })
   ] });
@@ -6536,7 +6765,16 @@ function PropertiesPanel() {
 import { useEffect as useEffect14, useState as useState17, useRef as useRef19 } from "react";
 
 // src/styles/preview.module.css
-var preview_default = {};
+var preview_default = {
+  "preview": "preview",
+  "previewToggles": "previewToggles",
+  "previewToggle": "previewToggle",
+  "previewToggleActive": "previewToggleActive",
+  "previewToggleDesktop": "previewToggleDesktop",
+  "previewToggleMobile": "previewToggleMobile",
+  "previewContainer": "previewContainer",
+  "previewIframe": "previewIframe"
+};
 
 // src/components/Preview/PreviewPanel.tsx
 import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
@@ -6616,7 +6854,14 @@ function PreviewPanel() {
 import { useState as useState18, useCallback as useCallback34, useEffect as useEffect15 } from "react";
 
 // src/styles/source-editor.module.css
-var source_editor_default = {};
+var source_editor_default = {
+  "sourceEditor": "sourceEditor",
+  "sourceHeader": "sourceHeader",
+  "sourceLabel": "sourceLabel",
+  "sourceApply": "sourceApply",
+  "sourceError": "sourceError",
+  "sourceTextarea": "sourceTextarea"
+};
 
 // src/components/SourceEditor/SourceEditor.tsx
 import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";