@trycourier/react-designer 0.0.0-canary-20251202152218 → 0.0.0-canary-20251204163023

package/dist/esm/styles.css

@@ -2711,6 +2711,10 @@ body {
 .courier-sms-editor .ProseMirror > .react-renderer .draggable-item > div {
   padding-left: 0px;
 }
+.courier-sms-editor .ProseMirror > .react-renderer.node-paragraph p {
+          overflow-wrap: break-word;
+          word-break: break-word;
+        }
 .courier-sms-editor .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before {
   display: none;
 }

package/dist/lib/utils/image.d.ts

@@ -1,5 +1,10 @@
 export declare const MAX_IMAGE_DIMENSION = 800;
 export declare const MAX_FILE_SIZE: number;
+export declare const BLANK_IMAGE_PLACEHOLDER = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+/**
+ * Check if an image source is effectively blank (empty or placeholder)
+ */
+export declare function isBlankImageSrc(src: string | undefined | null): boolean;
 export declare const resizeImage: (file: File, maxDimension: number) => Promise<{
     dataUrl: string;
     width: number;

package/dist/styles.css

@@ -2711,6 +2711,10 @@ body {
 .courier-sms-editor .ProseMirror > .react-renderer .draggable-item > div {
   padding-left: 0px;
 }
+.courier-sms-editor .ProseMirror > .react-renderer.node-paragraph p {
+          overflow-wrap: break-word;
+          word-break: break-word;
+        }
 .courier-sms-editor .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before {
   display: none;
 }

package/dist/types/elemental.types.d.ts

@@ -45,8 +45,13 @@ export interface IsElementalTextNode extends IsElementalNode {
     background_color?: string;
     format?: "markdown";
     padding?: string;
-    color?: string;
-    border?: BorderConfig;
+    border_color?: string;
+    border_size?: string;
+    /**
+     * @deprecated Legacy nested border format. Use flat `border_color` and `border_size` instead.
+     * Kept for backward compatibility when reading old templates.
+     */
+    border?: IBorderConfig;
     locales?: ElementalLocales<{
         content?: string;
     }>;
@@ -113,7 +118,16 @@ export interface ElementalImageNode extends IsElementalNode {
     href?: string;
     align?: Align;
     alt_text?: string;
+    /** Width in pixels (e.g., "50px") - MJML only supports pixel values */
     width?: string;
+    /** Natural width of the image in pixels - used to convert between percentage (UI) and pixels (storage) */
+    image_natural_width?: number;
+    border_color?: string;
+    border_size?: string;
+    /**
+     * @deprecated Legacy nested border format. Use flat `border_color` and `border_size` instead.
+     * Kept for backward compatibility when reading old templates.
+     */
     border?: IBorderConfig;
     locales?: ElementalLocales<{
         href?: string;
@@ -140,6 +154,12 @@ export interface ElementalActionNode extends IsElementalNode {
 export interface ElementalDividerNode extends IsElementalNode {
     type: "divider";
     color?: string;
+    /** Border width in pixels (e.g., "15px") */
+    border_width?: string;
+    /**
+     * @deprecated Legacy width property. Use `border_width` instead.
+     * Kept for backward compatibility when reading old templates.
+     */
     width?: string;
     padding?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-designer",
-  "version": "0.0.0-canary-20251202152218",
+  "version": "0.0.0-canary-20251204163023",
   "description": "React-based rich text designer component",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",