@trycourier/react-designer 0.0.0-canary-20251219131027 → 0.0.0-canary-20260102172800

package/dist/cjs/styles.css

@@ -2618,30 +2618,6 @@ body {
   justify-content: center;
   background-color: var(--card);
 }
-.courier-brand-editor .tippy-box {
-  background-color: transparent !important;
-}
-.courier-brand-editor .tippy-arrow {
-  display: none;
-}
-.courier-brand-editor .ProseMirror .react-renderer.node-paragraph .selected-element .node-element::before {
-  display: none;
-}
-.courier-brand-editor .ProseMirror .react-renderer.node-paragraph .selected-element .courier-actions-panel {
-  display: none;
-}
-.courier-brand-editor .ProseMirror .react-renderer.node-paragraph .draggable-item > div {
-  padding: 0px;
-}
-.courier-brand-editor .ProseMirror .react-renderer [data-cypress="draggable-handle"] {
-  display: none;
-}
-.courier-brand-editor .ProseMirror .react-renderer:hover [data-cypress="draggable-handle"], .courier-brand-editor .ProseMirror .react-renderer:active [data-cypress="draggable-handle"] {
-  display: none;
-}
-.courier-brand-editor .ProseMirror .react-renderer:hover .node-element > div::before, .courier-brand-editor .ProseMirror .react-renderer:active .node-element > div::before {
-  display: none;
-}
 .courier-brand-editor-readonly {
   pointer-events: none;
 }

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

@@ -19,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("../..").ElementalContent | null | undefined;
-    setTemplateEditorContent: (content: import("../..").ElementalContent | null | undefined) => void;
+    templateEditorContent: import("../TemplateEditor").ElementalContent | null | undefined;
+    setTemplateEditorContent: (content: import("../TemplateEditor").ElementalContent | null | undefined) => void;
     createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
     convertLegacyError: (error: string | TemplateError) => TemplateError;
     /**

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

@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
 export interface SideBarItemDetailsProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const SideBarItemDetails: ({ element, editor }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SideBarItemDetails: ({ element, editor, hideCloseButton, }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,9 @@
 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, getChannelDefaults } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";
 export * from "./TemplateEditor";
@@ -6,13 +11,20 @@ export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails,
 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/extensions/Blockquote/BlockquoteForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface BlockquoteFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const BlockquoteForm: ({ element, editor }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BlockquoteForm: ({ element, editor, hideCloseButton, }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/extensions/Button/ButtonForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface ButtonFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const ButtonForm: ({ element, editor }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ButtonForm: ({ element, editor, hideCloseButton }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/extensions/Column/ColumnForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface ColumnFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const ColumnForm: ({ element, editor }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ColumnForm: ({ element, editor, hideCloseButton }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/extensions/CustomCode/CustomCodeForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface CustomCodeFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const CustomCodeForm: ({ element, editor }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CustomCodeForm: ({ element, editor, hideCloseButton, }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface DividerFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const DividerForm: ({ element, editor }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DividerForm: ({ element, editor, hideCloseButton }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/extensions/ImageBlock/components/ImageBlockForm.d.ts

@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
 export interface ImageBlockFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const ImageBlockForm: ({ element, editor }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ImageBlockForm: ({ element, editor, hideCloseButton, }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/extensions/TextBlock/TextBlockForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface TextBlockFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const TextBlockForm: ({ element, editor }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TextBlockForm: ({ element, editor, hideCloseButton }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/ui/FormHeader/FormHeader.d.ts

@@ -1,6 +1,7 @@
 interface FormHeaderProps {
     type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column";
     label?: string;
+    hideCloseButton?: boolean;
 }
-export declare const FormHeader: ({ type }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormHeader: ({ type, hideCloseButton }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};