@trycourier/react-designer 0.2.0 → 0.3.0

package/dist/components/BrandEditor/BrandEditor.d.ts

@@ -2,5 +2,6 @@ import type { Theme } from "../ui-kit/ThemeProvider/ThemeProvider.types";
 import { type EditorProps } from "./Editor";
 export interface BrandEditorProps extends EditorProps {
     theme?: Theme | string;
+    colorScheme?: "light" | "dark";
 }
 export declare const BrandEditor: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BrandEditorProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/BrandEditor/Editor/BrandFooter/BrandFooter.d.ts

@@ -14,5 +14,5 @@ interface BrandFooterProps {
         transaction: Transaction;
     }) => void;
 }
-export declare const BrandFooter: import("react").MemoExoticComponent<({ variables, facebookLink, linkedinLink, instagramLink, mediumLink, xLink, readOnly, value, onUpdate, }: BrandFooterProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const BrandFooter: import("react").MemoExoticComponent<({ facebookLink, linkedinLink, instagramLink, mediumLink, xLink, readOnly, value, onUpdate, }: BrandFooterProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/BrandEditor/Editor/Editor.d.ts

@@ -4,6 +4,7 @@ export interface EditorProps {
     autoSaveDebounce?: number;
     autoSave?: boolean;
     templateEditor?: boolean;
+    /** @deprecated The variables prop is no longer used. Users can now type any variable directly without autocomplete suggestions. */
     variables?: Record<string, unknown>;
     value?: BrandEditorFormValues;
 }

package/dist/components/Providers/api/template.d.ts

@@ -1,7 +1,39 @@
 import { type MessageRouting } from "../store";
-export declare const saveTemplateAtom: import("jotai").WritableAtom<null, [routing?: MessageRouting | undefined], Promise<any>> & {
+import type { ElementalContent } from "@/types";
+export interface SaveTemplateOptions {
+    routing?: MessageRouting;
+    content?: ElementalContent;
+}
+export interface DuplicateTemplateOptions {
+    /** The ID for the new duplicated template. If not provided, uses "{currentTemplateId}-copy" */
+    targetTemplateId?: string;
+    /** Optional: Override the content to duplicate (defaults to current editor content) */
+    content?: ElementalContent;
+    /** Optional: Custom name for the new template (defaults to targetTemplateId) */
+    name?: string;
+}
+export interface DuplicateTemplateResult {
+    success: boolean;
+    templateId: string;
+    version?: string;
+}
+/**
+ * Saves the current template to the backend.
+ *
+ * @param options - Optional save configuration
+ * @param options.content - Content to save (defaults to current editor content)
+ * @param options.routing - Routing configuration (defaults to value from TemplateEditor's routing prop)
+ *
+ * @deprecated Passing routing as an argument is deprecated.
+ * The routing is now automatically synced from TemplateEditor's routing prop.
+ * If you need to override routing, pass it as options.routing, but this should rarely be needed.
+ */
+export declare const saveTemplateAtom: import("jotai").WritableAtom<null, [options?: SaveTemplateOptions | MessageRouting | undefined], Promise<any>> & {
     init: null;
 };
 export declare const publishTemplateAtom: import("jotai").WritableAtom<null, [], Promise<any>> & {
     init: null;
 };
+export declare const duplicateTemplateAtom: import("jotai").WritableAtom<null, [options?: DuplicateTemplateOptions | undefined], Promise<DuplicateTemplateResult | undefined>> & {
+    init: null;
+};

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

@@ -1,6 +1,7 @@
 import type { ElementalContent } from "@/types/elemental.types";
 import type { TemplateError } from "@/lib/utils/errors";
 import type { ContentTransformer } from "../TemplateEditor/store";
+import type { DuplicateTemplateOptions, DuplicateTemplateResult } from "./api/template";
 export type MessageRoutingMethod = "all" | "single";
 export type MessageRoutingChannel = string | MessageRouting;
 export interface MessageRouting {
@@ -73,6 +74,7 @@ export interface TenantData {
     };
     [key: string]: unknown;
 }
+export declare const DEFAULT_ROUTING: MessageRouting;
 export declare const apiUrlAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };
@@ -85,6 +87,9 @@ export declare const tenantIdAtom: import("jotai").PrimitiveAtom<string> & {
 export declare const templateIdAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };
+export declare const routingAtom: import("jotai").PrimitiveAtom<MessageRouting> & {
+    init: MessageRouting;
+};
 export declare const templateDataAtom: import("jotai").PrimitiveAtom<TenantData | null> & {
     init: TenantData | null;
 };
@@ -109,6 +114,7 @@ export interface TemplateActions {
     }) => Promise<void>;
     saveTemplate: (options?: MessageRouting) => Promise<void>;
     publishTemplate: () => Promise<unknown>;
+    duplicateTemplate: (options?: DuplicateTemplateOptions) => Promise<DuplicateTemplateResult | undefined>;
     isTemplateLoading: boolean | null;
     setIsTemplateLoading: (loading: boolean | null) => void;
     isTemplateSaving: boolean | null;

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

@@ -3,7 +3,7 @@ export declare function useBrandActions(): {
     getTemplate: (options?: {
         includeBrand?: boolean;
     } | undefined) => Promise<void>;
-    saveTemplate: (routing?: import("./store").MessageRouting | undefined) => Promise<any>;
+    saveTemplate: (options?: import("./api").SaveTemplateOptions | import("./store").MessageRouting | undefined) => Promise<any>;
     saveBrand: (settings?: Record<string, unknown> | undefined) => Promise<any>;
     publishBrand: () => Promise<any>;
     isTemplateLoading: boolean | null;

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

@@ -1,12 +1,14 @@
 import { type ContentTransformer } from "../TemplateEditor/store";
 import { type TemplateError } from "@/lib/utils/errors";
-export type { ContentTransformer };
+import { type DuplicateTemplateOptions, type DuplicateTemplateResult } from "./api";
+export type { ContentTransformer, DuplicateTemplateOptions, DuplicateTemplateResult };
 export declare function useTemplateActions(): {
     getTemplate: (options?: {
         includeBrand?: boolean;
     } | undefined) => Promise<void>;
-    saveTemplate: (routing?: import("./store").MessageRouting | undefined) => Promise<any>;
+    saveTemplate: (options?: import("./api").SaveTemplateOptions | import("./store").MessageRouting | undefined) => Promise<any>;
     publishTemplate: () => Promise<any>;
+    duplicateTemplate: (options?: DuplicateTemplateOptions | undefined) => Promise<DuplicateTemplateResult | undefined>;
     isTemplateLoading: boolean | null;
     setIsTemplateLoading: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;
     isTemplateSaving: boolean | null;

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

@@ -1,12 +1,11 @@
 import type { TiptapDoc } from "@/lib/utils";
 import type { ChannelType } from "@/store";
 import type { ElementalNode } from "@/types/elemental.types";
-import type { UniqueIdentifier } from "@dnd-kit/core";
-import type { SortingStrategy } from "@dnd-kit/sortable";
 import type { Node } from "@tiptap/pm/model";
 import type { Editor } from "@tiptap/react";
 import type { HTMLAttributes } from "react";
 import type { MessageRouting, TenantData } from "../../../Providers/store";
+import { type VisibleBlockItem } from "../../store";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 interface BrandSettingsData {
     brandColor?: string;
@@ -21,7 +20,7 @@ interface BrandSettingsData {
     mediumLink?: string;
     xLink?: string;
 }
-export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "theme" | "routing" | "value" | "dataMode">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "theme" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     isLoading?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;
@@ -29,7 +28,7 @@ export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "b
         routing?: MessageRouting;
     }) => React.ReactNode;
     hidePreviewPanelExitButton?: boolean;
-    render?: ({ subject, handleSubjectChange, selectedNode, setSelectedNode, previewMode, templateEditor, ref, isBrandApply, brandSettings, items, content, strategy, syncEditorItems, brandEditorContent, templateData, togglePreviewMode, }: {
+    render?: ({ subject, handleSubjectChange, selectedNode, setSelectedNode, previewMode, templateEditor, ref, isBrandApply, brandSettings, items, content, syncEditorItems, brandEditorContent, templateData, togglePreviewMode, }: {
         subject: string | null;
         handleSubjectChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
         selectedNode: Node | null;
@@ -41,7 +40,6 @@ export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "b
         brandSettings: BrandSettingsData | null;
         items: Items;
         content: TiptapDoc | null;
-        strategy: SortingStrategy;
         syncEditorItems: (editor: Editor) => void;
         brandEditorContent: string | null;
         templateData: TenantData | null;
@@ -49,9 +47,10 @@ export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "b
         hidePreviewPanelExitButton?: boolean;
     }) => React.ReactNode;
 }
+type UniqueIdentifier = string | number;
 interface Items {
     Editor: UniqueIdentifier[];
-    Sidebar: UniqueIdentifier[];
+    Sidebar: VisibleBlockItem[];
 }
 export declare const defaultEmailContent: ElementalNode[];
 export declare const Email: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EmailProps & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/TemplateEditor/Channels/Email/EmailEditor.d.ts

@@ -8,5 +8,5 @@ export interface EmailEditorProps {
     onDestroy?: () => void;
     onUpdate?: (editor: Editor) => void;
 }
-declare const EmailEditor: ({ value, readOnly, variables, onDestroy, onUpdate, subject: propSubject, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default EmailEditor;

package/dist/components/TemplateEditor/Channels/Email/EmailLayout.d.ts

@@ -6,4 +6,4 @@ export declare const EmailEditorMain: import("react").ForwardRefExoticComponent<
 } & import("react").RefAttributes<HTMLDivElement>>;
 export interface EmailLayoutProps extends EmailProps {
 }
-export declare const EmailLayout: ({ variables, theme, isLoading, hidePublish, channels, brandEditor, routing, dataMode, ...rest }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailLayout: ({ variables, theme, isLoading, hidePublish, channels, brandEditor, routing, colorScheme, ...rest }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBar.d.ts

@@ -1,7 +1,13 @@
-import type { UniqueIdentifier } from "@dnd-kit/core";
+import { type VisibleBlockItem } from "../../../store";
+import type { Editor } from "@tiptap/react";
 export interface SideBarProps {
-    items: UniqueIdentifier[];
+    /**
+     * Optional items to display. If not provided, uses visibleBlocksAtom.
+     * @deprecated Use useBlockConfig().setVisibleBlocks() instead
+     */
+    items?: VisibleBlockItem[];
     brandEditor?: boolean;
     label?: string;
+    editor?: Editor;
 }
-export declare const SideBar: ({ items, brandEditor, label }: SideBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideBar: ({ items, brandEditor, label, editor }: SideBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarSortableItemWrapper/SideBarSortableItemWrapper.d.ts

@@ -1,30 +1,16 @@
-import type { DraggableSyntheticListeners } from "@dnd-kit/core";
-import type { Transform } from "@dnd-kit/utilities";
 import React from "react";
+import type { Editor } from "@tiptap/react";
 export interface SideBarSortableItemWrapperProps {
     children: React.ReactNode;
     id: string;
     className?: string;
+    editor?: Editor;
 }
-export declare const SideBarSortableItemWrapper: ({ children, id, className, }: SideBarSortableItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideBarSortableItemWrapper: ({ children, id, className, editor, }: SideBarSortableItemWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export interface SideBarSortableItemProps {
     children: React.ReactNode;
     id?: string;
-    dragOverlay?: boolean;
-    color?: string;
-    disabled?: boolean;
-    dragging?: boolean;
-    handle?: boolean;
-    handleProps?: Record<string, unknown>;
-    height?: number;
-    index?: number;
-    fadeIn?: boolean;
-    transform?: Transform | null;
-    listeners?: DraggableSyntheticListeners;
-    sorting?: boolean;
-    style?: React.CSSProperties;
-    transition?: string | null;
-    wrapperStyle?: React.CSSProperties;
     className?: string;
+    editor?: Editor;
 }
 export declare const SideBarSortableItem: React.ForwardRefExoticComponent<SideBarSortableItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,7 +21,7 @@ export interface InboxRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

package/dist/components/TemplateEditor/Channels/Inbox/InboxLayout.d.ts

@@ -1,4 +1,4 @@
 import type { InboxProps } from "./Inbox";
 export interface InboxLayoutProps extends InboxProps {
 }
-export declare const InboxLayout: ({ hidePublish, theme, variables, channels, routing, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,14 @@
 import type { MessageRouting } from "@/components/Providers/store";
+import { type VisibleBlockItem } from "@/components/TemplateEditor/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 UniqueIdentifier } from "@dnd-kit/core";
 import type { Node } from "@tiptap/pm/model";
 import type { AnyExtension, Editor } from "@tiptap/react";
 import React, { type HTMLAttributes } from "react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
+type UniqueIdentifier = string | number;
 export declare const defaultMSTeamsContent: ElementalNode[];
 export declare const MSTeamsEditorContent: ({ value }: {
     value?: TiptapDoc;
@@ -21,13 +22,13 @@ export interface MSTeamsRenderProps {
         editor: Editor;
     }) => void;
     items: {
-        Sidebar: string[];
+        Sidebar: VisibleBlockItem[];
         Editor: UniqueIdentifier[];
     };
     selectedNode: Node | null;
     msteamsEditor: Editor | null;
 }
-export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;
@@ -38,3 +39,4 @@ export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" |
 }
 export declare const MSTeamsConfig: TextMenuConfig;
 export declare const MSTeams: React.MemoExoticComponent<React.ForwardRefExoticComponent<MSTeamsProps & React.RefAttributes<HTMLDivElement>>>;
+export {};

package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsEditor.d.ts

@@ -2,4 +2,4 @@ import type { MSTeamsRenderProps } from "./MSTeams";
 export interface MSTeamsEditorProps extends MSTeamsRenderProps {
     readOnly?: boolean;
 }
-export declare const MSTeamsEditor: ({ content, extensions, editable, autofocus, onUpdate, items, readOnly, }: MSTeamsEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MSTeamsEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, }: MSTeamsEditorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsLayout.d.ts

@@ -4,4 +4,4 @@ export interface MSTeamsLayoutProps extends MSTeamsProps {
 }
 export declare const MSTeamsEditorContainer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MSTeamsEditorMain: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MSTeamsLayout: ({ hidePublish, theme, variables, channels, routing, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MSTeamsLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/MSTeams/SideBar/SideBar.d.ts

@@ -1,6 +1,8 @@
-import type { UniqueIdentifier } from "@dnd-kit/core";
+import type { Editor } from "@tiptap/react";
+import { type VisibleBlockItem } from "@/components/TemplateEditor/store";
 export interface MSTeamsSideBarProps {
-    items: UniqueIdentifier[];
+    items: VisibleBlockItem[];
     label?: string;
+    editor?: Editor;
 }
-export declare const MSTeamsSideBar: ({ items, label }: MSTeamsSideBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MSTeamsSideBar: ({ items, label, editor }: MSTeamsSideBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -18,7 +18,7 @@ export interface PushRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -19,7 +19,7 @@ export interface SMSRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "dataMode">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,4 +1,4 @@
 import type { SMSProps } from "./SMS";
 export interface SMSLayoutProps extends SMSProps {
 }
-export declare const SMSLayout: ({ hidePublish, theme, variables, channels, routing, dataMode, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SMSLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/Slack/SideBar/SideBar.d.ts

@@ -1,6 +1,8 @@
-import type { UniqueIdentifier } from "@dnd-kit/core";
+import type { Editor } from "@tiptap/react";
+import { type VisibleBlockItem } from "@/components/TemplateEditor/store";
 export interface SlackSideBarProps {
-    items: UniqueIdentifier[];
+    items: VisibleBlockItem[];
     label?: string;
+    editor?: Editor;
 }
-export declare const SlackSideBar: ({ items, label }: SlackSideBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlackSideBar: ({ items, label, editor }: SlackSideBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,14 @@
 import type { MessageRouting } from "@/components/Providers/store";
+import { type VisibleBlockItem } from "@/components/TemplateEditor/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 UniqueIdentifier } from "@dnd-kit/core";
 import type { Node } from "@tiptap/pm/model";
 import type { AnyExtension, Editor } from "@tiptap/react";
 import React, { type HTMLAttributes } from "react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
+type UniqueIdentifier = string | number;
 export declare const defaultSlackContent: ElementalNode[];
 export declare const SlackEditorContent: ({ value }: {
     value?: TiptapDoc;
@@ -21,13 +22,13 @@ export interface SlackRenderProps {
         editor: Editor;
     }) => void;
     items: {
-        Sidebar: string[];
+        Sidebar: VisibleBlockItem[];
         Editor: UniqueIdentifier[];
     };
     selectedNode: Node | null;
     slackEditor: Editor | null;
 }
-export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;
@@ -38,3 +39,4 @@ export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "t
 }
 export declare const SlackConfig: TextMenuConfig;
 export declare const Slack: React.MemoExoticComponent<React.ForwardRefExoticComponent<SlackProps & React.RefAttributes<HTMLDivElement>>>;
+export {};

package/dist/components/TemplateEditor/Channels/Slack/SlackEditor.d.ts

@@ -2,4 +2,4 @@ import type { SlackRenderProps } from "./Slack";
 export interface SlackEditorProps extends SlackRenderProps {
     readOnly?: boolean;
 }
-export declare const SlackEditor: ({ content, extensions, editable, autofocus, onUpdate, items, readOnly, }: SlackEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SlackEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, }: SlackEditorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TemplateEditor/Channels/Slack/SlackLayout.d.ts

@@ -4,4 +4,4 @@ export interface SlackLayoutProps extends SlackProps {
 }
 export declare const SlackEditorContainer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SlackEditorMain: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SlackLayout: ({ hidePublish, theme, variables, channels, routing, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlackLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,5 +11,5 @@ export declare const useChannels: ({ channels, routing, }: {
     channelOptions: Channel[];
     setChannel: (channelType: ChannelType) => void;
     addChannel: (channelType: ChannelType) => void;
-    removeChannel: (channelToRemove: ChannelType) => Promise<void>;
+    removeChannel: (channelToRemove: ChannelType) => void;
 };

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

@@ -8,6 +8,7 @@ export interface TemplateEditorProps extends Omit<HTMLAttributes<HTMLDivElement>
     theme?: Theme | string;
     value?: ElementalContent | null;
     onChange?: (value: ElementalContent) => void;
+    /** @deprecated The variables prop is no longer used. Users can now type any variable directly without autocomplete suggestions. */
     variables?: Record<string, unknown>;
     hidePublish?: boolean;
     autoSave?: boolean;
@@ -17,6 +18,6 @@ export interface TemplateEditorProps extends Omit<HTMLAttributes<HTMLDivElement>
     /** @deprecated Use routing.channels instead. Will be removed in a future version. */
     channels?: ChannelType[];
     routing?: MessageRouting;
-    dataMode?: "light" | "dark";
+    colorScheme?: "light" | "dark";
 }
 export declare const TemplateEditor: import("react").NamedExoticComponent<TemplateEditorProps>;

package/dist/components/TemplateEditor/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./useDebouncedFlush";

package/dist/components/TemplateEditor/hooks/useDebouncedFlush.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A hook that provides a debounced update function which is also registered
+ * with the global flush mechanism to ensure updates are saved before unload/save.
+ *
+ * @param id Unique identifier for the flush function
+ * @param callback The function to execute (must be stable or wrapped in useCallback)
+ * @param delay Debounce delay in milliseconds
+ * @returns A trigger function that initiates the debounced update
+ */
+export declare function useDebouncedFlush<T = void>(id: string, callback: (args: T) => void, delay?: number): (args: T) => void;

package/dist/components/TemplateEditor/hooks/useDndRef.d.ts

@@ -0,0 +1,18 @@
+/**
+ * React 19 compatibility wrapper for DnD Kit refs
+ *
+ * React 19 made refs regular props instead of special properties,
+ * which breaks DnD Kit's setNodeRef callback pattern.
+ * This hook converts DnD Kit's setNodeRef into a React 19-compatible callback ref.
+ *
+ * @param setNodeRef - The setNodeRef function from useSortable or useDroppable
+ * @returns A callback ref compatible with React 19
+ *
+ * @example
+ * ```tsx
+ * const { setNodeRef } = useSortable({ id: 'item-1' });
+ * const ref = useDndRef(setNodeRef);
+ * return <div ref={ref}>Content</div>;
+ * ```
+ */
+export declare function useDndRef<T extends HTMLElement>(setNodeRef: ((node: T | null) => void) | undefined): (element: T | null) => void;

package/dist/components/TemplateEditor/hooks/useEditorDnd.d.ts

@@ -1,5 +1,5 @@
-import { MeasuringStrategy, type CollisionDetection, type DragEndEvent, type DragMoveEvent, type DragStartEvent, type UniqueIdentifier } from "@dnd-kit/core";
 import type { Editor } from "@tiptap/react";
+type UniqueIdentifier = string | number;
 interface UseEditorDndProps {
     items: {
         Sidebar: string[];
@@ -11,21 +11,17 @@ interface UseEditorDndProps {
     }>>;
     editor?: Editor | null;
 }
-export declare const useEditorDnd: ({ items, setItems, editor }: UseEditorDndProps) => {
-    dndProps: {
-        sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
-        collisionDetection: CollisionDetection;
-        measuring: {
-            droppable: {
-                strategy: MeasuringStrategy;
-            };
-        };
-        onDragStart: ({ active }: DragStartEvent) => void;
-        onDragMove: ({ active, over }: DragMoveEvent) => void;
-        onDragEnd: ({ active, over }: DragEndEvent) => void;
-        onDragCancel: () => void;
-    };
-    activeDragType: string | null;
+export declare const useEditorDnd: ({ setItems, editor }: UseEditorDndProps) => {
     activeId: UniqueIdentifier | null;
+    activeDragType: string | null;
+    onDragStartHandler: () => void;
+    onDragEndHandler: () => void;
+    onDragMoveHandler: () => void;
+    onDragCancelHandler: () => void;
+    lastPlaceholderIndex: number | null;
+    cleanupPlaceholder: () => void;
+    sensors: undefined;
+    measuringProps: undefined;
+    collisionDetectionStrategy: undefined;
 };
 export {};

package/dist/components/TemplateEditor/hooks/usePragmaticDnd.d.ts

@@ -0,0 +1,22 @@
+import type { Editor } from "@tiptap/react";
+import { type VisibleBlockItem } from "../store";
+type UniqueIdentifier = string | number;
+interface UsePragmaticDndProps {
+    items: {
+        Sidebar: VisibleBlockItem[];
+        Editor: UniqueIdentifier[];
+    };
+    setItems: React.Dispatch<React.SetStateAction<{
+        Sidebar: VisibleBlockItem[];
+        Editor: UniqueIdentifier[];
+    }>>;
+    editor?: Editor | null;
+}
+export declare const usePragmaticDnd: ({ items, setItems, editor }: UsePragmaticDndProps) => {
+    activeId: UniqueIdentifier | null;
+    activeDragType: string | null;
+    dndMode: "outer" | "inner";
+    lastPlaceholderIndex: number | null;
+    cleanupPlaceholder: () => void;
+};
+export {};

package/dist/components/TemplateEditor/hooks/useSyncEditorItems.d.ts

@@ -1,8 +1,9 @@
-import type { UniqueIdentifier } from "@dnd-kit/core";
 import type { Editor } from "@tiptap/react";
+import { type VisibleBlockItem } from "../store";
+type UniqueIdentifier = string | number;
 interface UseSyncEditorItemsProps {
     setItems: React.Dispatch<React.SetStateAction<{
-        Sidebar: string[];
+        Sidebar: VisibleBlockItem[];
         Editor: UniqueIdentifier[];
     }>>;
     rafId: React.MutableRefObject<number | null>;

package/dist/components/TemplateEditor/index.d.ts

@@ -2,7 +2,8 @@ export { BrandFooter } from "@/components/BrandEditor/Editor/BrandFooter";
 export { PreviewPanel } from "@/components/ui/PreviewPanel";
 export { TextMenu } from "@/components/ui/TextMenu";
 export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
-export { SortableContext } from "@dnd-kit/sortable";
+export { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
+export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
 export { useChannels } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";
 export * from "./TemplateEditor";
@@ -17,11 +18,13 @@ export declare const InboxChannel: import("react").MemoExoticComponent<import("r
 export declare const MSTeamsChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").MSTeamsProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const SlackChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SlackProps & import("react").RefAttributes<HTMLDivElement>>>;
 export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
+export { CHANNELS } from "@/channels";
 export type { ChannelType } from "@/store";
 export type { ElementalContent } from "@/types";
 export { ChannelRootContainer, EditorSidebar } from "./Layout";
 export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
 export { useAutoSave } from "@/hooks/useAutoSave";
+export { useDebouncedFlush } from "./hooks/useDebouncedFlush";
 export { Status as TemplateStatus } from "@/components/ui/Status";
 export { MonacoCodeEditor } from "@/components/extensions/CustomCode/MonacoCodeEditor";
 export { ToggleGroup } from "@/components/ui-kit";