@parathantl/react-email-editor 0.1.1 → 0.1.3

package/dist/index.d.ts

@@ -78,6 +78,7 @@ interface SpacerBlockProperties {
     height: string;
 }
 interface SocialElement {
+    id?: string;
     name: string;
     href: string;
     src?: string;
@@ -131,6 +132,7 @@ interface CountdownBlockProperties {
     align: 'left' | 'center' | 'right';
 }
 interface MenuItem {
+    id?: string;
     text: string;
     href: string;
 }
@@ -407,6 +409,8 @@ interface EmailEditorProps {
     initialTemplate?: EmailTemplate;
     initialMJML?: string;
     variables?: Variable[];
+    /** Initial custom variables to pre-populate (e.g. from a saved template). These appear as user-managed variables with delete buttons. */
+    initialCustomVariables?: Variable[];
     imageUploadAdapter?: ImageUploadAdapter;
     onChange?: (template: EmailTemplate) => void;
     onSave?: (mjml: string, html: string) => void;
@@ -544,6 +548,7 @@ interface EditorProviderProps {
     children: ReactNode;
     initialTemplate?: EmailTemplate;
     variables?: Variable[];
+    initialCustomVariables?: Variable[];
     imageUploadAdapter?: ImageUploadAdapter;
     onChange?: (template: EmailTemplate) => void;
     onVariablesChange?: (customVariables: Variable[]) => void;
@@ -562,7 +567,7 @@ interface EditorProviderProps {
     onTemplateLoad?: (template: EmailTemplate) => void;
     onHistoryChange?: (canUndo: boolean, canRedo: boolean) => void;
 }
-declare function EditorProvider({ children, initialTemplate, variables: predefinedVariables, imageUploadAdapter, onChange, onVariablesChange, fontFamilies: fontFamiliesProp, fontSizes: fontSizesProp, persistenceKey, persistenceAdapter, onBlockAdd, onBlockRemove, onBlockUpdate, onBlockMove, onSectionAdd, onSectionRemove, onSectionMove, onSelectionChange, onTemplateLoad, onHistoryChange, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
+declare function EditorProvider({ children, initialTemplate, variables: predefinedVariables, initialCustomVariables, imageUploadAdapter, onChange, onVariablesChange, fontFamilies: fontFamiliesProp, fontSizes: fontSizesProp, persistenceKey, persistenceAdapter, onBlockAdd, onBlockRemove, onBlockUpdate, onBlockMove, onSectionAdd, onSectionRemove, onSectionMove, onSelectionChange, onTemplateLoad, onHistoryChange, }: EditorProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function parseMJML(mjmlString: string): EmailTemplate;
 
@@ -597,6 +602,18 @@ declare function generateColumnId(): string;
 
 declare function extractVariableKeys(text: string): string[];
 declare function replaceVariables(text: string, variables: Variable[], useSample?: boolean): string;
+/**
+ * Convert plain `{{ key }}` text patterns into VariableNode chip HTML
+ * so TipTap parses them as atomic variable nodes instead of plain text.
+ *
+ * Converts: `{{ customer_name }}`
+ * To: `<span data-variable-key="customer_name" class="ee-variable-chip" contenteditable="false">{{ customer_name }}</span>`
+ *
+ * This is the reverse of `stripVariableChips()` in the MJML generator.
+ * Only matches `{{ }}` patterns that are NOT already inside a
+ * `data-variable-key` span (to avoid double-wrapping).
+ */
+declare function convertVariablesToChips(html: string): string;
 declare function groupVariables(variables: Variable[]): Map<string, Variable[]>;
 
 declare function sanitizeHTML(html: string): string;
@@ -657,4 +674,4 @@ declare function registerBlockParser(mjmlTag: string, parser: (el: Element) => B
 /** Returns set of all registered block types (built-in + custom). */
 declare function getRegisteredBlockTypes(): Set<string>;
 
-export { type ActiveTab, BLOCK_DEFINITIONS, type Block, type BlockDefinition, type BlockProperties, type BlockPropertiesMap, type BlockType, type BrowseResult, type ButtonBlockProperties, COLOR_PRESETS, COLUMN_LAYOUTS, type Column, type CountdownBlockProperties, DEFAULT_BLOCK_PROPERTIES, DEFAULT_FONT_SIZES, DEFAULT_GLOBAL_STYLES, DEFAULT_HEAD_METADATA, DEFAULT_SECTION_PROPERTIES, DEFAULT_SOCIAL_PROPERTIES, DEFAULT_VARIABLE_CHIP_STYLE, type DividerBlockProperties, type EditorAction, EditorProvider, type EditorState, EmailEditor, type EmailEditorProps, type EmailEditorRef, type EmailTemplate, FONT_OPTIONS, type GlobalStyles, type HeadMetadata, type HeadingBlockProperties, type HeroBlockProperties, type HtmlBlockProperties, type ImageBlockProperties, type ImageUploadAdapter, type MenuBlockProperties, type MenuItem, type PersistenceAdapter, type Section, type SectionProperties, type SelectionState, type SocialBlockProperties, type SocialElement, type SpacerBlockProperties, type TextBlockProperties, type TransformOptions, type TypedBlock, type UploadOptions, type UploadResult, type ValidationResult, type Variable, type VariableChipStyle, VariableNode, type VideoBlockProperties, compileMJMLToHTML, escapeHTML, extractVariableKeys, generateBlockId, generateColumnId, generateId, generateMJML, generateSectionId, getExtensions, getRegisteredBlockTypes, groupVariables, isSafeURL, localStorageAdapter, narrowBlock, parseMJML, registerBlockGenerator, registerBlockParser, registerBlockProperties, registerBlockRenderer, replaceVariables, sanitizeHTML, sanitizeTemplate, useBlockIndexContext, useConfigContext, useDispatchContext, useEditorDispatch, useEditorFonts, useEditorState, useEditorVariables, useHistoryContext, useImageAdapter, useMethodsContext, useSelectedBlock, useSelectedSection, useSelectionContext, useTemplateContext, validateTemplate };
+export { type ActiveTab, BLOCK_DEFINITIONS, type Block, type BlockDefinition, type BlockProperties, type BlockPropertiesMap, type BlockType, type BrowseResult, type ButtonBlockProperties, COLOR_PRESETS, COLUMN_LAYOUTS, type Column, type CountdownBlockProperties, DEFAULT_BLOCK_PROPERTIES, DEFAULT_FONT_SIZES, DEFAULT_GLOBAL_STYLES, DEFAULT_HEAD_METADATA, DEFAULT_SECTION_PROPERTIES, DEFAULT_SOCIAL_PROPERTIES, DEFAULT_VARIABLE_CHIP_STYLE, type DividerBlockProperties, type EditorAction, EditorProvider, type EditorState, EmailEditor, type EmailEditorProps, type EmailEditorRef, type EmailTemplate, FONT_OPTIONS, type GlobalStyles, type HeadMetadata, type HeadingBlockProperties, type HeroBlockProperties, type HtmlBlockProperties, type ImageBlockProperties, type ImageUploadAdapter, type MenuBlockProperties, type MenuItem, type PersistenceAdapter, type Section, type SectionProperties, type SelectionState, type SocialBlockProperties, type SocialElement, type SpacerBlockProperties, type TextBlockProperties, type TransformOptions, type TypedBlock, type UploadOptions, type UploadResult, type ValidationResult, type Variable, type VariableChipStyle, VariableNode, type VideoBlockProperties, compileMJMLToHTML, convertVariablesToChips, escapeHTML, extractVariableKeys, generateBlockId, generateColumnId, generateId, generateMJML, generateSectionId, getExtensions, getRegisteredBlockTypes, groupVariables, isSafeURL, localStorageAdapter, narrowBlock, parseMJML, registerBlockGenerator, registerBlockParser, registerBlockProperties, registerBlockRenderer, replaceVariables, sanitizeHTML, sanitizeTemplate, useBlockIndexContext, useConfigContext, useDispatchContext, useEditorDispatch, useEditorFonts, useEditorState, useEditorVariables, useHistoryContext, useImageAdapter, useMethodsContext, useSelectedBlock, useSelectedSection, useSelectionContext, useTemplateContext, validateTemplate };