@trycourier/react-designer 0.6.0 → 0.7.0

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

@@ -1,9 +1,11 @@
+import { type VariableViewMode } from "@/components/TemplateEditor/store";
 import type { Transaction } from "@tiptap/pm/state";
 import type { Editor } from "@tiptap/react";
 interface BrandFooterProps {
     value?: string | null;
     variables?: Record<string, unknown>;
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
     facebookLink?: string;
     linkedinLink?: string;
     instagramLink?: string;
@@ -14,5 +16,5 @@ interface BrandFooterProps {
         transaction: Transaction;
     }) => void;
 }
-export declare const BrandFooter: import("react").MemoExoticComponent<({ 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, variableViewMode, onUpdate, }: BrandFooterProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -7,6 +7,9 @@ import type { AnyExtension, Editor } from "@tiptap/react";
 import type { HTMLAttributes } from "react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 export declare const defaultInboxContent: ElementalNode[];
+export declare const getOrCreateInboxElement: (templateEditorContent: {
+    elements: ElementalNode[];
+} | null | undefined) => ElementalNode;
 export declare const InboxConfig: TextMenuConfig;
 interface InboxEditorContentProps {
     value?: TiptapDoc;

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

@@ -6,5 +6,6 @@ export declare const ChannelRootContainer: import("react").ForwardRefExoticCompo
 export declare const EditorSidebar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     previewMode?: "desktop" | "mobile" | undefined;
     skipExpanded?: boolean;
+    collapsed?: boolean;
     width?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -12,6 +12,8 @@ export interface TemplateEditorProps extends Omit<HTMLAttributes<HTMLDivElement>
     /**
      * Variables available for autocomplete suggestions.
      * When provided, typing {{ will show a dropdown with matching variables.
+     * When not provided (undefined), all variable functionality is disabled:
+     * the variable toolbar button is hidden and typing {{ will not create variable chips.
      */
     variables?: Record<string, unknown>;
     /**

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

@@ -7,6 +7,9 @@ interface VariableViewModeSyncProps {
  * Syncs the variableViewMode prop to editor storage and dispatches a transaction
  * to notify VariableView components to re-render.
  *
+ * Also syncs the variablesEnabled state to the VariableInputRule extension storage,
+ * disabling the {{ input rule when the variables prop is not provided.
+ *
  * This component should be placed inside an EditorProvider.
  */
 export declare const VariableViewModeSync: ({ variableViewMode }: VariableViewModeSyncProps) => null;

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

@@ -14,5 +14,6 @@ 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 { ChannelRootContainer, EditorSidebar } from "./Layout";
+export { isSidebarExpandedAtom } from "./store";
 export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
 export { useDebouncedFlush } from "./hooks/useDebouncedFlush";

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

@@ -30,6 +30,9 @@ 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 variablesEnabledAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
 export declare const availableVariablesAtom: import("jotai").PrimitiveAtom<Record<string, unknown>> & {
     init: Record<string, unknown>;
 };

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

@@ -1,4 +1,8 @@
+import { PluginKey } from "@tiptap/pm/state";
 import type { BlockquoteProps } from "./Blockquote.types";
+import { QUOTE_TEXT_STYLE, QUOTE_TEXT_STYLE_VARIANTS } from "@/lib/constants/email-editor-tiptap-styles";
+export { QUOTE_TEXT_STYLE, QUOTE_TEXT_STYLE_VARIANTS };
+export declare const BlockquotePastePluginKey: PluginKey<any>;
 export declare const defaultBlockquoteProps: BlockquoteProps;
 export declare const Blockquote: import("@tiptap/core").Node<import("@tiptap/extension-blockquote").BlockquoteOptions, any>;
 export default Blockquote;

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

@@ -5,7 +5,8 @@ export declare const buttonSchema: z.ZodObject<{
     alignment: z.ZodEnum<["left", "center", "right"]>;
     backgroundColor: z.ZodString;
     borderRadius: z.ZodNumber;
-    padding: z.ZodNumber;
+    paddingVertical: z.ZodNumber;
+    paddingHorizontal: z.ZodNumber;
     fontWeight: z.ZodEnum<["normal", "bold"]>;
     fontStyle: z.ZodEnum<["normal", "italic"]>;
     isUnderline: z.ZodBoolean;
@@ -15,9 +16,10 @@ export declare const buttonSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     backgroundColor: string;
     borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     label: string;
     alignment: "left" | "center" | "right";
-    padding: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;
@@ -28,9 +30,10 @@ export declare const buttonSchema: z.ZodObject<{
 }, {
     backgroundColor: string;
     borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     label: string;
     alignment: "left" | "center" | "right";
-    padding: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;
@@ -45,7 +48,8 @@ export interface ButtonProps {
     alignment: "left" | "center" | "right";
     backgroundColor: string;
     borderRadius: number;
-    padding: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;

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

@@ -1,4 +1,4 @@
-import type { Editor, NodeViewProps } from "@tiptap/react";
+import type { NodeViewProps } from "@tiptap/react";
 import React from "react";
 import type { ImageBlockProps } from "../ImageBlock.types";
 export declare const ImageBlockComponent: React.FC<ImageBlockProps & {
@@ -7,7 +7,5 @@ export declare const ImageBlockComponent: React.FC<ImageBlockProps & {
     draggable?: boolean;
     onFileSelect?: (file: File) => void;
     width: number;
-    imageNaturalWidth: number;
-    editor?: Editor;
 }>;
 export declare const ImageBlockView: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/MessagingChannelPaste/MessagingChannelPaste.d.ts

@@ -0,0 +1,11 @@
+import { Extension } from "@tiptap/core";
+export interface MessagingChannelPasteOptions {
+    /** Convert all headings to this level, or "strip" to convert headings to paragraphs. */
+    headingBehavior: {
+        level: number;
+    } | "strip";
+    /** Node type names that should be silently dropped on paste (e.g. "button" for Teams). */
+    blockedNodeTypes?: string[];
+}
+export declare const MessagingChannelPaste: Extension<MessagingChannelPasteOptions, any>;
+export default MessagingChannelPaste;

package/dist/components/extensions/MessagingChannelPaste/index.d.ts

@@ -0,0 +1,2 @@
+export { MessagingChannelPaste } from "./MessagingChannelPaste";
+export type { MessagingChannelPasteOptions } from "./MessagingChannelPaste";

package/dist/components/extensions/Variable/Variable.d.ts

@@ -4,6 +4,11 @@ export declare const VariableNode: Node<VariableNodeOptions, any>;
 /**
  * Extension that inserts an empty variable chip when user types {{
  * This is used when autocomplete is disabled (disableVariablesAutocomplete=true)
+ *
+ * Storage:
+ * - `disabled`: When true, typing {{ will not create variable chips.
+ *   Set this from React via `editor.storage.variableInputRule.disabled = true`
+ *   when the `variables` prop is not provided to TemplateEditor.
  */
 export declare const VariableInputRule: Extension<any, any>;
 /**

package/dist/components/ui/TextMenu/components/ContentTypePicker.d.ts

@@ -19,4 +19,4 @@ export interface ContentTypePickerProps {
     options: ContentPickerOptions;
     containerRef?: RefObject<HTMLDivElement>;
 }
-export declare const ContentTypePicker: ({ options, containerRef }: ContentTypePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentTypePicker: ({ options, containerRef }: ContentTypePickerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ui/TextMenu/hooks/useTextmenuStates.d.ts

@@ -12,6 +12,7 @@ export declare const useTextmenuStates: (editor: Editor | null) => {
     isOrderedList: boolean;
     isUnorderedList: boolean;
     isLink: boolean;
+    isHeading: boolean;
     shouldShow: ({ editor }: {
         editor: Editor;
     }) => boolean;

package/dist/components/ui/VariableEditor/VariableChipBase.d.ts

@@ -33,5 +33,13 @@ export interface VariableChipBaseProps {
     getColors?: (isInvalid: boolean, hasValue: boolean) => VariableColors;
     /** Whether the chip is read-only (prevents editing) */
     readOnly?: boolean;
+    /** Formatting styles derived from TipTap marks (bold, italic, underline, strikethrough) */
+    formattingStyle?: React.CSSProperties;
+    /** Whether the chip is within the current text selection */
+    isSelected?: boolean;
+    /** Called when the chip is clicked for selection (not editing) */
+    onSelect?: () => void;
+    /** Called after editing is committed (suggestion selected or blur confirmed) to restore editor focus */
+    onCommit?: () => void;
 }
 export declare const VariableChipBase: React.FC<VariableChipBaseProps>;

package/dist/components/ui/VariableEditor/VariableInput.d.ts

@@ -1,5 +1,23 @@
 import * as React from "react";
 import { type VariableEditorBaseProps } from "./shared";
+/**
+ * Determines if a click landed in the empty space of a VariableInput and returns
+ * the correct target position to place the caret, or null if no correction is needed.
+ *
+ * This handles two cases where the browser's native click handler misplaces the caret
+ * inside a flex-layout ProseMirror editor with non-editable variable chip nodes:
+ *
+ * Case 1 (depth === 0): posAtCoords returned {inside: -1}, meaning the click didn't
+ *   land inside any node. The resolved position is at the doc level.
+ *
+ * Case 2 (depth > 0, clickX past content): posAtCoords returned a paragraph-level
+ *   position, but the click coordinates are past the visible content's right edge.
+ *   Common when content ends with a variable chip.
+ */
+export declare function resolveEmptySpaceClick(posDepth: number, pos: number, paragraphContentSize: number, clickX: number, endCoordsRight: number | null): {
+    targetPos: number;
+    bias: -1 | 1;
+} | null;
 export interface VariableInputProps extends VariableEditorBaseProps {
     /** Whether the input is read-only */
     readOnly?: boolean;