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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/index.js +57 -58
  2. package/dist/cjs/index.js.map +4 -4
  3. package/dist/cjs/styles.css +143 -242
  4. package/dist/components/Providers/useTemplateActions.d.ts +2 -2
  5. package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarItemDetails/SideBarItemDetails.d.ts +2 -1
  6. package/dist/components/TemplateEditor/index.d.ts +13 -1
  7. package/dist/components/TemplateEditor/store.d.ts +1 -1
  8. package/dist/components/extensions/Blockquote/BlockquoteForm.d.ts +2 -1
  9. package/dist/components/extensions/Button/ButtonForm.d.ts +2 -1
  10. package/dist/components/extensions/Column/ColumnForm.d.ts +2 -1
  11. package/dist/components/extensions/CustomCode/CustomCodeForm.d.ts +2 -1
  12. package/dist/components/extensions/Divider/DividerForm.d.ts +2 -1
  13. package/dist/components/extensions/ImageBlock/components/ImageBlockForm.d.ts +2 -1
  14. package/dist/components/extensions/TextBlock/TextBlockForm.d.ts +2 -1
  15. package/dist/components/extensions/index.d.ts +0 -2
  16. package/dist/components/ui/Blocks/index.d.ts +0 -1
  17. package/dist/components/ui/FormHeader/FormHeader.d.ts +3 -2
  18. package/dist/components/ui/VariableEditor/VariableChipBase.d.ts +0 -2
  19. package/dist/esm/index.js +57 -58
  20. package/dist/esm/index.js.map +4 -4
  21. package/dist/esm/styles.css +143 -242
  22. package/dist/index.d.ts +0 -13
  23. package/dist/lib/utils/index.d.ts +0 -1
  24. package/dist/styles.css +143 -242
  25. package/dist/types/elemental.types.d.ts +0 -4
  26. package/package.json +1 -1
  27. package/dist/components/extensions/List/List.d.ts +0 -15
  28. package/dist/components/extensions/List/List.types.d.ts +0 -9
  29. package/dist/components/extensions/List/ListComponent.d.ts +0 -9
  30. package/dist/components/extensions/List/ListForm.d.ts +0 -8
  31. package/dist/components/extensions/List/index.d.ts +0 -3
  32. package/dist/components/extensions/ListItem/ListItem.d.ts +0 -34
  33. package/dist/components/extensions/ListItem/ListItem.types.d.ts +0 -7
  34. package/dist/components/extensions/ListItem/ListItemComponent.d.ts +0 -7
  35. package/dist/components/extensions/ListItem/index.d.ts +0 -2
  36. package/dist/components/ui/Blocks/ListBlock/ListBlock.d.ts +0 -3
  37. package/dist/components/ui/Blocks/ListBlock/index.d.ts +0 -1
@@ -19,8 +19,8 @@ export declare function useTemplateActions(): {
19
19
  setTemplateError: (error: string | TemplateError | null) => void;
20
20
  templateData: import("./store").TenantData | null;
21
21
  setTemplateData: (args_0: import("./store").TenantData | ((prev: import("./store").TenantData | null) => import("./store").TenantData | null) | null) => void;
22
- templateEditorContent: import("../..").ElementalContent | null | undefined;
23
- setTemplateEditorContent: (content: import("../..").ElementalContent | null | undefined) => void;
22
+ templateEditorContent: import("../TemplateEditor").ElementalContent | null | undefined;
23
+ setTemplateEditorContent: (content: import("../TemplateEditor").ElementalContent | null | undefined) => void;
24
24
  createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
25
25
  convertLegacyError: (error: string | TemplateError) => TemplateError;
26
26
  /**
@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
3
3
  export interface SideBarItemDetailsProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const SideBarItemDetails: ({ element, editor }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const SideBarItemDetails: ({ element, editor, hideCloseButton, }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,4 +1,9 @@
1
1
  export { BrandFooter } from "@/components/BrandEditor/Editor/BrandFooter";
2
+ export { PreviewPanel } from "@/components/ui/PreviewPanel";
3
+ export { TextMenu } from "@/components/ui/TextMenu";
4
+ export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
5
+ export { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
6
+ export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
2
7
  export { useChannels, getChannelDefaults } from "./Channels";
3
8
  export { default as EmailEditor } from "./Channels/Email/EmailEditor";
4
9
  export * from "./TemplateEditor";
@@ -6,13 +11,20 @@ export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails,
6
11
  export { SideBar as InboxSideBar } from "./Channels/Inbox/SideBar";
7
12
  export { MSTeamsSideBar } from "./Channels/MSTeams/SideBar";
8
13
  export { SlackSideBar, SlackSideBarItemDetails } from "./Channels/Slack/SideBar";
9
- export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
10
14
  export declare const EmailChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").EmailProps & import("react").RefAttributes<HTMLDivElement>>>;
11
15
  export declare const SMSChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SMSProps & import("react").RefAttributes<HTMLDivElement>>>;
12
16
  export declare const PushChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").PushProps & import("react").RefAttributes<HTMLDivElement>>>;
13
17
  export declare const InboxChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").InboxProps & import("react").RefAttributes<HTMLDivElement>>>;
14
18
  export declare const MSTeamsChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").MSTeamsProps & import("react").RefAttributes<HTMLDivElement>>>;
15
19
  export declare const SlackChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SlackProps & import("react").RefAttributes<HTMLDivElement>>>;
20
+ export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
21
+ export { CHANNELS } from "@/channels";
22
+ export type { ChannelType } from "@/store";
23
+ export type { ElementalContent } from "@/types";
16
24
  export { ChannelRootContainer, EditorSidebar } from "./Layout";
17
25
  export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
26
+ export { useAutoSave } from "@/hooks/useAutoSave";
18
27
  export { useDebouncedFlush } from "./hooks/useDebouncedFlush";
28
+ export { Status as TemplateStatus } from "@/components/ui/Status";
29
+ export { MonacoCodeEditor } from "@/components/extensions/CustomCode/MonacoCodeEditor";
30
+ export { ToggleGroup } from "@/components/ui-kit";
@@ -58,7 +58,7 @@ export declare const flushAllPendingUpdates: (flushFunctions: Map<string, FlushF
58
58
  /**
59
59
  * Available block element types that can be used in the sidebar
60
60
  */
61
- export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote" | "list";
61
+ export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote";
62
62
  /**
63
63
  * Attributes that can be set as defaults or in presets for blocks.
64
64
  * Types match the actual TipTap node attribute types for each extension.
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
3
3
  interface BlockquoteFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const BlockquoteForm: ({ element, editor }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const BlockquoteForm: ({ element, editor, hideCloseButton, }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
9
  export {};
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
3
3
  interface ButtonFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const ButtonForm: ({ element, editor }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const ButtonForm: ({ element, editor, hideCloseButton }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
9
  export {};
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
3
3
  interface ColumnFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const ColumnForm: ({ element, editor }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const ColumnForm: ({ element, editor, hideCloseButton }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
9
  export {};
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
3
3
  interface CustomCodeFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const CustomCodeForm: ({ element, editor }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const CustomCodeForm: ({ element, editor, hideCloseButton, }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
9
  export {};
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
3
3
  interface DividerFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const DividerForm: ({ element, editor }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const DividerForm: ({ element, editor, hideCloseButton }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
9
  export {};
@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
3
3
  export interface ImageBlockFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const ImageBlockForm: ({ element, editor }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const ImageBlockForm: ({ element, editor, hideCloseButton, }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
3
3
  interface TextBlockFormProps {
4
4
  element?: ProseMirrorNode;
5
5
  editor: Editor | null;
6
+ hideCloseButton?: boolean;
6
7
  }
7
- export declare const TextBlockForm: ({ element, editor }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const TextBlockForm: ({ element, editor, hideCloseButton }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
8
9
  export {};
@@ -23,8 +23,6 @@ export { FixedChannelSelection } from "./FixedChannelSelection";
23
23
  export { Heading } from "./Heading";
24
24
  export { ImageBlock } from "./ImageBlock";
25
25
  export { Link } from "./Link";
26
- export { List } from "./List";
27
- export { ListItem } from "./ListItem";
28
26
  export { Paragraph } from "./Paragraph";
29
27
  export { Selection } from "./Selection";
30
28
  export { SlashMenu } from "./SlashMenu";
@@ -6,6 +6,5 @@ export * from "./CustomCodeBlock";
6
6
  export * from "./DividerBlock";
7
7
  export * from "./HeadingBlock";
8
8
  export * from "./ImageBlock";
9
- export * from "./ListBlock";
10
9
  export * from "./SpacerBlock";
11
10
  export * from "./TextBlock";
@@ -1,6 +1,7 @@
1
1
  interface FormHeaderProps {
2
- type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column" | "list";
2
+ type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column";
3
3
  label?: string;
4
+ hideCloseButton?: boolean;
4
5
  }
5
- export declare const FormHeader: ({ type }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const FormHeader: ({ type, hideCloseButton }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
6
7
  export {};
@@ -31,7 +31,5 @@ export interface VariableChipBaseProps {
31
31
  textColorOverride?: string;
32
32
  /** Custom color getter function (kept for API compatibility, colors handled by CSS) */
33
33
  getColors?: (isInvalid: boolean, hasValue: boolean) => VariableColors;
34
- /** Whether the chip is read-only (prevents editing) */
35
- readOnly?: boolean;
36
34
  }
37
35
  export declare const VariableChipBase: React.FC<VariableChipBaseProps>;