@trycourier/react-designer 0.0.0-canary-20251211163746 → 0.0.0-canary-20251229151230

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

@@ -1,11 +1,26 @@
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { BrandEditorFormValues } from "../BrandEditor.types";
 export interface EditorProps {
     hidePublish?: boolean;
     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 available for autocomplete suggestions.
+     * When provided, typing {{ will show a dropdown with matching variables.
+     */
     variables?: Record<string, unknown>;
+    /**
+     * When true, disables variable autocomplete and allows users to type any variable name.
+     * When false (default), shows autocomplete dropdown with variables from the `variables` prop.
+     * @default false
+     */
+    disableVariablesAutocomplete?: boolean;
+    /**
+     * Configuration for custom variable validation.
+     * Allows restricting which variable names are allowed and defining behavior on validation failure.
+     */
+    variableValidation?: VariableValidationConfig;
     value?: BrandEditorFormValues;
 }
 export declare const Editor: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -4,9 +4,36 @@ export interface SaveTemplateOptions {
     routing?: MessageRouting;
     content?: ElementalContent;
 }
-export declare const saveTemplateAtom: import("jotai").WritableAtom<null, [options?: MessageRouting | SaveTemplateOptions | undefined], Promise<any>> & {
+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: (options?: import("./store").MessageRouting | import("./api").SaveTemplateOptions | 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: (options?: import("./store").MessageRouting | import("./api").SaveTemplateOptions | 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;
@@ -17,8 +19,8 @@ export declare function useTemplateActions(): {
     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: (content: import("../TemplateEditor").ElementalContent | null | undefined) => void;
+    templateEditorContent: import("../..").ElementalContent | null | undefined;
+    setTemplateEditorContent: (content: import("../..").ElementalContent | null | undefined) => void;
     createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
     convertLegacyError: (error: string | TemplateError) => TemplateError;
     /**

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

@@ -5,6 +5,7 @@ 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;
@@ -19,7 +20,7 @@ interface BrandSettingsData {
     mediumLink?: string;
     xLink?: string;
 }
-export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "theme" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "disableVariablesAutocomplete" | "theme" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     isLoading?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;
@@ -49,7 +50,7 @@ export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "b
 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

@@ -5,8 +5,9 @@ export interface EmailEditorProps {
     readOnly?: boolean;
     subject?: string | null;
     variables?: Record<string, unknown>;
+    disableVariablesAutocomplete?: boolean;
     onDestroy?: () => void;
     onUpdate?: (editor: Editor) => void;
 }
-declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, variables, disableVariablesAutocomplete, }: 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, colorScheme, ...rest }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailLayout: ({ variables, disableVariablesAutocomplete, 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,10 +1,13 @@
+import { type VisibleBlockItem } from "../../../store";
 import type { Editor } from "@tiptap/react";
-type UniqueIdentifier = string | number;
 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, editor }: SideBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "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, colorScheme, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 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";
@@ -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" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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, colorScheme, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MSTeamsLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

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

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" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,4 +1,4 @@
 import type { PushProps } from "./Push";
 export interface PushLayoutProps extends PushProps {
 }
-export declare const PushLayout: ({ hidePublish, theme, variables, channels, routing, ...rest }: PushLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, ...rest }: PushLayoutProps) => import("react/jsx-runtime").JSX.Element;

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" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "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, colorScheme, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SMSLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,5 @@
 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";
@@ -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" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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, colorScheme, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlackLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,13 @@
 import { type Channel, type ChannelType } from "@/store";
+import type { ElementalNode } from "@/types/elemental.types";
 import type { TemplateEditorProps } from "../TemplateEditor";
+export declare const getChannelDefaults: (type: ChannelType) => {
+    elements: ElementalNode[];
+    raw?: {
+        title?: string;
+        text?: string;
+    };
+};
 export declare const useChannels: ({ channels, routing, }: {
     /** @deprecated Use routing.channels instead. Will be removed in a future version. */
     channels?: ChannelType[];

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

@@ -1,4 +1,5 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { HTMLAttributes } from "react";
 import type { ChannelType } from "../../store";
 import type { BrandEditorProps } from "../BrandEditor";
@@ -8,8 +9,22 @@ 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 available for autocomplete suggestions.
+     * When provided, typing {{ will show a dropdown with matching variables.
+     */
     variables?: Record<string, unknown>;
+    /**
+     * When true, disables variable autocomplete and allows users to type any variable name.
+     * When false (default), shows autocomplete dropdown with variables from the `variables` prop.
+     * @default false
+     */
+    disableVariablesAutocomplete?: boolean;
+    /**
+     * Configuration for custom variable validation.
+     * Allows restricting which variable names are allowed and defining behavior on validation failure.
+     */
+    variableValidation?: VariableValidationConfig;
     hidePublish?: boolean;
     autoSave?: boolean;
     autoSaveDebounce?: number;

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

@@ -1,12 +1,13 @@
 import type { Editor } from "@tiptap/react";
+import { type VisibleBlockItem } from "../store";
 type UniqueIdentifier = string | number;
 interface UsePragmaticDndProps {
     items: {
-        Sidebar: string[];
+        Sidebar: VisibleBlockItem[];
         Editor: UniqueIdentifier[];
     };
     setItems: React.Dispatch<React.SetStateAction<{
-        Sidebar: string[];
+        Sidebar: VisibleBlockItem[];
         Editor: UniqueIdentifier[];
     }>>;
     editor?: Editor | null;

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

@@ -1,8 +1,9 @@
 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

@@ -1,30 +1,18 @@
 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 { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
-export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
-export { useChannels } from "./Channels";
+export { useChannels, getChannelDefaults } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";
 export * from "./TemplateEditor";
 export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails, } from "./Channels/Email/SideBar";
 export { SideBar as InboxSideBar } from "./Channels/Inbox/SideBar";
 export { MSTeamsSideBar } from "./Channels/MSTeams/SideBar";
 export { SlackSideBar, SlackSideBarItemDetails } from "./Channels/Slack/SideBar";
+export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
 export declare const EmailChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").EmailProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const SMSChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SMSProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const PushChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").PushProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const InboxChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").InboxProps & import("react").RefAttributes<HTMLDivElement>>>;
 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";

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

@@ -1,4 +1,5 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { Editor } from "@tiptap/react";
 export declare const subjectAtom: import("jotai").PrimitiveAtom<string | null> & {
     init: string | null;
@@ -29,6 +30,15 @@ export declare const isSidebarExpandedAtom: import("jotai").PrimitiveAtom<boolea
 export declare const variableValuesAtom: import("jotai").PrimitiveAtom<Record<string, string>> & {
     init: Record<string, string>;
 };
+export declare const availableVariablesAtom: import("jotai").PrimitiveAtom<Record<string, unknown>> & {
+    init: Record<string, unknown>;
+};
+export declare const disableVariablesAutocompleteAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const variableValidationAtom: import("jotai").PrimitiveAtom<VariableValidationConfig | undefined> & {
+    init: VariableValidationConfig | undefined;
+};
 export declare const isDraggingAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
@@ -45,3 +55,124 @@ export declare const flushFunctionsAtom: import("jotai").WritableAtom<Map<string
     fn?: FlushFunction;
 }], void>;
 export declare const flushAllPendingUpdates: (flushFunctions: Map<string, FlushFunction>) => void;
+/**
+ * Available block element types that can be used in the sidebar
+ */
+export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote" | "list";
+/**
+ * Attributes that can be set as defaults or in presets for blocks.
+ * Types match the actual TipTap node attribute types for each extension.
+ */
+export interface BlockAttributes {
+    /** Background color (string, e.g., "#ffffff" or "transparent") */
+    backgroundColor?: string;
+    /** Border color */
+    borderColor?: string;
+    /** Border width in pixels */
+    borderWidth?: number;
+    /** Border radius in pixels */
+    borderRadius?: number;
+    /** Vertical padding in pixels */
+    paddingVertical?: number;
+    /** Horizontal padding in pixels */
+    paddingHorizontal?: number;
+    /** Text alignment */
+    textAlign?: "left" | "center" | "right" | "justify";
+    /** Button label text */
+    label?: string;
+    /** Button link URL */
+    link?: string;
+    /** Button alignment */
+    alignment?: "left" | "center" | "right";
+    /** Button padding in pixels */
+    padding?: number;
+    /** Font weight */
+    fontWeight?: "normal" | "bold";
+    /** Font style */
+    fontStyle?: "normal" | "italic";
+    /** Underline text */
+    isUnderline?: boolean;
+    /** Strikethrough text */
+    isStrike?: boolean;
+    /** @deprecated Text color - legacy property */
+    textColor?: string;
+    /** Divider color */
+    color?: string;
+    /** Divider line thickness in pixels */
+    size?: number;
+    /** Divider corner radius */
+    radius?: number;
+    /** Divider variant type */
+    variant?: "divider" | "spacer";
+    /** Image source path/URL */
+    sourcePath?: string;
+    /** Image alt text */
+    alt?: string;
+    /** Image width as ratio (0-1, where 1 = 100%) */
+    width?: number;
+    /** HTML code content */
+    code?: string;
+    /** Number of columns (1-4) */
+    columnsCount?: number;
+    /** Left border width for blockquote */
+    borderLeftWidth?: number;
+    [key: string]: unknown;
+}
+/**
+ * A block preset is a pre-configured variant of an existing block type.
+ * For example, a "Portal Button" preset is a button with specific href and label.
+ */
+export interface BlockPreset {
+    /** The base block type this preset is built on */
+    type: BlockElementType;
+    /** Unique identifier for this preset */
+    key: string;
+    /** Display label in the sidebar */
+    label: string;
+    /** Optional custom icon (React node) */
+    icon?: React.ReactNode;
+    /** Pre-configured attributes for this preset */
+    attributes: BlockAttributes;
+}
+/**
+ * A reference to a preset in the visible blocks list
+ */
+export interface PresetReference {
+    /** The base block type */
+    type: BlockElementType;
+    /** The preset key */
+    preset: string;
+}
+/**
+ * A visible block item can be either:
+ * - A built-in block type string (e.g., "text", "button")
+ * - A preset reference (e.g., { type: "button", preset: "portal" })
+ */
+export type VisibleBlockItem = BlockElementType | PresetReference;
+/**
+ * Type guard to check if a VisibleBlockItem is a PresetReference
+ */
+export declare const isPresetReference: (item: VisibleBlockItem) => item is PresetReference;
+/**
+ * Default block elements available in the sidebar
+ */
+export declare const DEFAULT_VISIBLE_BLOCKS: VisibleBlockItem[];
+/**
+ * Atom to store visible blocks in the sidebar (and their order)
+ */
+export declare const visibleBlocksAtom: import("jotai").PrimitiveAtom<VisibleBlockItem[]> & {
+    init: VisibleBlockItem[];
+};
+/**
+ * Atom to store default attributes for each block type
+ * When a new block is created, these defaults are applied
+ */
+export declare const blockDefaultsAtom: import("jotai").PrimitiveAtom<Partial<Record<BlockElementType, BlockAttributes>>> & {
+    init: Partial<Record<BlockElementType, BlockAttributes>>;
+};
+/**
+ * Atom to store registered block presets
+ */
+export declare const blockPresetsAtom: import("jotai").PrimitiveAtom<BlockPreset[]> & {
+    init: BlockPreset[];
+};

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

@@ -8,16 +8,16 @@ export declare const blockquoteSchema: z.ZodObject<{
     id: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     backgroundColor: string;
+    borderColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderLeftWidth: number;
     id?: string | undefined;
 }, {
     backgroundColor: string;
+    borderColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderLeftWidth: number;
     id?: string | undefined;
 }>;