@trycourier/react-designer 0.0.0-canary-20250902155318 → 0.0.0-canary-20250904164205

package/dist/cjs/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/components/Providers/Providers.types.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 export interface BasicProviderProps {
     apiUrl?: string;
+    uploadImageUrl?: string;
     children: ReactNode;
     tenantId: string;
     token: string;

package/dist/components/Providers/TemplateProvider.d.ts

@@ -1,9 +1,9 @@
 import type { BasicProviderProps } from "./Providers.types";
-import { useTemplateActions } from "./useTemplateActions";
+import { type TemplateActions, type MessageRouting } from "./store";
 type TemplateProviderProps = BasicProviderProps & {
     templateId: string;
-    getTemplate?: (actions: ReturnType<typeof useTemplateActions>) => Promise<void>;
-    saveTemplate?: (actions: ReturnType<typeof useTemplateActions>, options?: any) => Promise<void>;
+    getTemplate?: (actions: TemplateActions) => Promise<void>;
+    saveTemplate?: (actions: TemplateActions, options?: MessageRouting) => Promise<void>;
 };
 export declare const overrideFunctions: {
     getTemplate: TemplateProviderProps["getTemplate"] | null;

package/dist/components/Providers/store.d.ts

@@ -1,4 +1,5 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { TemplateError } from "@/lib/utils/errors";
 export type MessageRoutingMethod = "all" | "single";
 export type MessageRoutingChannel = string | MessageRouting;
 export interface MessageRouting {
@@ -83,6 +84,9 @@ export declare const editorStore: {
 export declare const apiUrlAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };
+export declare const uploadImageUrlAtom: import("jotai").PrimitiveAtom<string> & {
+    init: string;
+};
 export declare const tokenAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };
@@ -104,12 +108,33 @@ export declare const isTemplateSavingAtom: import("jotai").PrimitiveAtom<boolean
 export declare const isTemplatePublishingAtom: import("jotai").PrimitiveAtom<boolean | null> & {
     init: boolean | null;
 };
-export declare const templateErrorAtom: import("jotai").PrimitiveAtom<string | null> & {
-    init: string | null;
+export declare const templateErrorAtom: import("jotai").PrimitiveAtom<TemplateError | null> & {
+    init: TemplateError | null;
 };
 export declare const brandApplyAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
+export interface TemplateActions {
+    getTemplate: (options?: {
+        includeBrand?: boolean;
+    }) => Promise<void>;
+    saveTemplate: (options?: MessageRouting) => Promise<void>;
+    publishTemplate: () => Promise<unknown>;
+    isTemplateLoading: boolean | null;
+    setIsTemplateLoading: (loading: boolean | null) => void;
+    isTemplateSaving: boolean | null;
+    setIsTemplateSaving: (saving: boolean | null) => void;
+    isTemplatePublishing: boolean | null;
+    setIsTemplatePublishing: (publishing: boolean | null) => void;
+    templateError: TemplateError | null;
+    setTemplateError: (error: string | TemplateError | null) => void;
+    templateData: TenantData | null;
+    setTemplateData: (data: TenantData | null) => void;
+    templateEditorContent: ElementalContent | null | undefined;
+    setTemplateEditorContent: (content: ElementalContent | null) => void;
+    createCustomError: (message: string, details?: Record<string, unknown>) => TemplateError;
+    convertLegacyError: (error: string | TemplateError) => TemplateError;
+}
 export declare const getTemplateOverrideAtom: import("jotai").PrimitiveAtom<((options?: {
     includeBrand?: boolean;
 }) => Promise<void>) | null> & {
@@ -117,6 +142,6 @@ export declare const getTemplateOverrideAtom: import("jotai").PrimitiveAtom<((op
         includeBrand?: boolean;
     }) => Promise<void>) | null;
 };
-export declare const saveTemplateOverrideAtom: import("jotai").PrimitiveAtom<((actions: any, options?: any) => Promise<void>) | null> & {
-    init: ((actions: any, options?: any) => Promise<void>) | null;
+export declare const saveTemplateOverrideAtom: import("jotai").PrimitiveAtom<((actions: TemplateActions, options?: MessageRouting) => Promise<void>) | null> & {
+    init: ((actions: TemplateActions, options?: MessageRouting) => Promise<void>) | null;
 };

package/dist/components/Providers/useBrandActions.d.ts

@@ -1,13 +1,22 @@
+import { type TemplateError } from "@/lib/utils/errors";
+import { type MessageRouting } from "./store";
 export declare function useBrandActions(): {
     getTemplate: (options?: {
         includeBrand?: boolean;
     }) => Promise<void>;
-    saveTemplate: (options?: any) => Promise<void>;
+    saveTemplate: (options?: MessageRouting) => Promise<void>;
     saveBrand: (settings?: Record<string, unknown> | undefined) => Promise<any>;
     publishBrand: () => Promise<any>;
     isTemplateLoading: boolean | null;
+    setIsTemplateLoading: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
     isTemplateSaving: boolean | null;
+    setIsTemplateSaving: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
     isTemplatePublishing: boolean | null;
-    templateError: string | null;
+    setIsTemplatePublishing: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
+    templateError: TemplateError | null;
+    setTemplateError: (error: string | TemplateError | null) => void;
     templateData: import("./store").TenantData | null;
+    setTemplateData: (args_0: import("./store").TenantData | ((prev: import("./store").TenantData | null) => import("./store").TenantData | null) | null) => void;
+    createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
+    convertLegacyError: (error: string | TemplateError) => TemplateError;
 };

package/dist/components/Providers/useTemplateActions.d.ts

@@ -1,8 +1,10 @@
+import { type TemplateError } from "@/lib/utils/errors";
+import { type MessageRouting } from "./store";
 export declare function useTemplateActions(): {
     getTemplate: (options?: {
         includeBrand?: boolean;
     }) => Promise<void>;
-    saveTemplate: (options?: any) => Promise<void>;
+    saveTemplate: (options?: MessageRouting) => Promise<void>;
     publishTemplate: () => Promise<any>;
     isTemplateLoading: boolean | null;
     setIsTemplateLoading: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
@@ -10,10 +12,12 @@ export declare function useTemplateActions(): {
     setIsTemplateSaving: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
     isTemplatePublishing: boolean | null;
     setIsTemplatePublishing: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
-    templateError: string | null;
-    setTemplateError: (args_0: string | ((prev: string | null) => string | null) | null) => void;
+    templateError: TemplateError | null;
+    setTemplateError: (error: string | TemplateError | null) => void;
     templateData: import("./store").TenantData | null;
     setTemplateData: (args_0: import("./store").TenantData | ((prev: import("./store").TenantData | null) => import("./store").TenantData | null) | null) => void;
     templateEditorContent: import("../TemplateEditor").ElementalContent | null | undefined;
     setTemplateEditorContent: (args_0: import("../TemplateEditor").ElementalContent | ((prev: import("../TemplateEditor").ElementalContent | null | undefined) => import("../TemplateEditor").ElementalContent | null | undefined) | null | undefined) => void;
+    createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
+    convertLegacyError: (error: string | TemplateError) => TemplateError;
 };

package/dist/components/TemplateEditor/Channels/Push/Push.d.ts

@@ -2,7 +2,6 @@ import type { MessageRouting } from "@/components/Providers/store";
 import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
 import type { ChannelType } from "@/store";
-import type { ElementalNode } from "@/types/elemental.types";
 import type { AnyExtension, Editor } from "@tiptap/react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 export declare const PushEditorContent: ({ value }: {
@@ -26,6 +25,11 @@ export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "th
     }) => React.ReactNode;
     render?: (props: PushRenderProps) => React.ReactNode;
 }
-export declare const defaultPushContent: ElementalNode[];
+export declare const defaultPushContent: {
+    raw: {
+        title: string;
+        text: string;
+    };
+};
 export declare const PushConfig: TextMenuConfig;
 export declare const Push: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<PushProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/TemplateEditor/Channels/SMS/SMS.d.ts

@@ -1,11 +1,14 @@
 import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
-import type { ElementalNode } from "@/types/elemental.types";
 import type { AnyExtension, Editor } from "@tiptap/react";
 import type { MessageRouting } from "../../../Providers/store";
 import type { ChannelType } from "@/store";
 import type { TemplateEditorProps } from "../../TemplateEditor";
-export declare const defaultSMSContent: ElementalNode[];
+export declare const defaultSMSContent: {
+    raw: {
+        text: string;
+    };
+};
 export declare const SMSEditorContent: ({ value }: {
     value?: TiptapDoc | null;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/Divider/Divider.types.d.ts

@@ -6,14 +6,14 @@ export declare const dividerSchema: z.ZodObject<{
     radius: z.ZodNumber;
     variant: z.ZodDefault<z.ZodEnum<["divider", "spacer"]>>;
 }, "strip", z.ZodTypeAny, {
-    color: string;
     padding: number;
+    color: string;
     size: number;
     radius: number;
     variant: "divider" | "spacer";
 }, {
-    color: string;
     padding: number;
+    color: string;
     size: number;
     radius: number;
     variant?: "divider" | "spacer" | undefined;

package/dist/components/ui-kit/Button/Button.d.ts

@@ -4,7 +4,7 @@ export type ButtonVariant = "primary" | "secondary" | "tertiary" | "quaternary"
 export type ButtonSize = "medium" | "small" | "icon" | "iconSmall";
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "primary" | "secondary" | "tertiary" | "quaternary" | "outline" | "ghost" | null | undefined;
-    size?: "small" | "medium" | "icon" | "iconSmall" | null | undefined;
+    size?: "icon" | "small" | "medium" | "iconSmall" | null | undefined;
     active?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/components/ui-kit/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,22 @@
+import type { ErrorInfo, ReactNode } from "react";
+import { Component } from "react";
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error?: Error;
+}
+/**
+ * Error Boundary component that catches JavaScript errors in the component tree
+ * and integrates with the template error system
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};

package/dist/components/ui-kit/ErrorBoundary/index.d.ts

@@ -0,0 +1 @@
+export { ErrorBoundary } from "./ErrorBoundary";

package/dist/components/ui-kit/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./Button";
 export * from "./Divider";
 export * from "./DropdownMenu";
+export * from "./ErrorBoundary";
 export * from "./Form";
 export * from "./AlertDialog";
 export * from "./Input";