@trycourier/react-designer 0.0.3 → 0.0.5

package/dist/esm/styles.css

@@ -1637,6 +1637,10 @@ body {
 .courier-border-primary {
   border-color: var(--primary);
 }
+.courier-border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
+}
 .courier-border-transparent {
   border-color: transparent;
 }
@@ -1745,6 +1749,10 @@ body {
 .courier-bg-primary {
   background-color: var(--primary);
 }
+.courier-bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
 .courier-bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2052,6 +2060,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.courier-text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
 .courier-text-inherit {
   color: inherit;
 }
@@ -2077,6 +2089,14 @@ body {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.courier-text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.courier-text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
+}
 .courier-text-ring {
   color: var(--ring);
 }

package/dist/index.d.ts

@@ -2,3 +2,5 @@ import "./styles.css";
 export * from "./components/TemplateEditor";
 export * from "./components/BrandEditor";
 export * from "./components/Providers";
+export * from "./lib/utils/errors";
+export * from "./components/ui-kit/ErrorBoundary";

package/dist/lib/api/uploadImage.d.ts

@@ -1,5 +1,4 @@
 export declare const uploadImage: (file: File, config: {
     apiUrl: string;
     token: string;
-    tenantId: string;
 }) => Promise<string>;

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

@@ -0,0 +1,26 @@
+import type { ExternalToast } from "sonner";
+/**
+ * Error handling utilities for the Courier Designer
+ */
+export interface TemplateError {
+    /** Human-readable error message */
+    message: string;
+    /** Optional toast configuration (duration, action, description, etc.) */
+    toastProps?: ExternalToast;
+}
+/**
+ * Creates a custom error (for use in override functions)
+ */
+export declare const createCustomError: (message: string, toastProps?: ExternalToast) => TemplateError;
+/**
+ * Checks if an error has a retry action configured
+ */
+export declare const isRetryableError: (error: TemplateError) => boolean;
+/**
+ * Extracts error message from various error formats for backward compatibility
+ */
+export declare const extractErrorMessage: (error: unknown) => string;
+/**
+ * Converts a legacy string error to a TemplateError
+ */
+export declare const convertLegacyError: (error: string | TemplateError) => TemplateError;

package/dist/lib/utils/getTitle/demo.d.ts

@@ -0,0 +1 @@
+export declare function demoTitleExtraction(): void;

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

@@ -0,0 +1,18 @@
+import type { ElementalContent, ElementalNode } from "@/types/elemental.types";
+/**
+ * Extracts the title from Elemental elements following the same logic as the backend.
+ * This function searches through elements to find:
+ * 1. Meta elements with a title field
+ * 2. Channel elements with raw.subject or raw.title
+ * 3. Recursively searches within channel elements
+ * 4. Fallback: First text element content (for Push/Inbox channels)
+ */
+export declare function getTitle(elements: ElementalNode[]): string;
+/**
+ * Convenience function to get title from ElementalContent
+ */
+export declare function getTitleFromContent(content: ElementalContent | null | undefined): string;
+/**
+ * Get title for a specific channel from ElementalContent
+ */
+export declare function getTitleForChannel(content: ElementalContent | null | undefined, channelName: string): string;

package/dist/lib/utils/getTitle/getTitle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils/getTitle/index.d.ts

@@ -0,0 +1,2 @@
+export { getTitle, getTitleFromContent, getTitleForChannel } from "./getTitle";
+export { getSubjectStorageFormat, createTitleUpdate, extractCurrentTitle, } from "./preserveStorageFormat";

package/dist/lib/utils/getTitle/preserveStorageFormat.d.ts

@@ -0,0 +1,30 @@
+import type { ElementalContent, ElementalNode } from "@/types/elemental.types";
+/**
+ * Cleans an Inbox element by removing styling properties from text and action elements.
+ */
+export declare function cleanInboxElements(elements: ElementalNode[]): ElementalNode[];
+/**
+ * Cleans the entire template content by applying Inbox cleaning logic to all Inbox channels.
+ */
+export declare function cleanTemplateContent(content: ElementalContent): ElementalContent;
+/**
+ * Determines how the subject/title was originally stored in a template
+ * Returns "raw" if stored in channel.raw.subject/title, "meta" if stored in meta element
+ */
+export declare function getSubjectStorageFormat(content: ElementalContent | null | undefined, channelName: string): "raw" | "meta" | "none";
+/**
+ * Creates the appropriate subject/title storage structure based on the detected format.
+ * For Push and Inbox channels, extracts the first text element as title.
+ */
+export declare function createTitleUpdate(originalContent: ElementalContent | null | undefined, channelName: string, newTitle: string, elementalNodes: ElementalNode[]): {
+    elements: ElementalNode[];
+    raw?: {
+        subject?: string;
+        title?: string;
+        text?: string;
+    };
+};
+/**
+ * Helper to extract the current title from a channel element regardless of storage format
+ */
+export declare function extractCurrentTitle(channelElement: ElementalNode | undefined, channelName: string): string;

package/dist/lib/utils/getTitle/preserveStorageFormat.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -4,5 +4,6 @@ export * from "./convertElementalToTiptap";
 export * from "./convertMarkdownToTiptap";
 export * from "./convertTiptapToElemental";
 export * from "./getRenderContainer";
+export * from "./getTitle";
 export * from "./updateElemental";
 export * from "./useForwardedRefCallback";

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

@@ -4,7 +4,7 @@ interface ElementalChannelSpecificProps {
     [key: string]: any;
 }
 export interface UpdateElementalOptions {
-    elements: ElementalNode[];
+    elements?: ElementalNode[];
     channel?: string | ElementalChannelSpecificProps;
 }
 export declare function updateElemental(doc: ElementalContent | null | undefined, updates: UpdateElementalOptions): ElementalContent;

package/dist/styles.css

@@ -1637,6 +1637,10 @@ body {
 .courier-border-primary {
   border-color: var(--primary);
 }
+.courier-border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
+}
 .courier-border-transparent {
   border-color: transparent;
 }
@@ -1745,6 +1749,10 @@ body {
 .courier-bg-primary {
   background-color: var(--primary);
 }
+.courier-bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
 .courier-bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -2052,6 +2060,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.courier-text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
 .courier-text-inherit {
   color: inherit;
 }
@@ -2077,6 +2089,14 @@ body {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.courier-text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+.courier-text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
+}
 .courier-text-ring {
   color: var(--ring);
 }

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

@@ -95,6 +95,7 @@ export interface ElementalChannelNode extends IsElementalNode {
     raw?: {
         html?: string;
         transformers?: string[];
+        subject?: string;
         title?: string;
         text?: string;
         [templateName: string]: unknown;

package/package.json

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