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

package/dist/cjs/styles.css

@@ -985,6 +985,9 @@ body {
 .courier-top-\[50\%\] {
   top: 50%;
 }
+.courier-top-px {
+  top: 1px;
+}
 .-courier-z-10 {
   z-index: -10;
 }
@@ -997,6 +1000,9 @@ body {
 .courier-z-50 {
   z-index: 50;
 }
+.courier-z-\[9999\] {
+  z-index: 9999;
+}
 .courier-z-\[999\] {
   z-index: 999;
 }
@@ -1027,10 +1033,6 @@ body {
   margin-left: -1rem;
   margin-right: -1rem;
 }
-.courier-mx-0\.5 {
-  margin-left: 0.125rem;
-  margin-right: 0.125rem;
-}
 .courier-mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1047,6 +1049,10 @@ body {
   margin-left: auto;
   margin-right: auto;
 }
+.courier-my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
 .courier-my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -1135,9 +1141,6 @@ body {
 .courier-mt-1 {
   margin-top: 0.25rem;
 }
-.courier-mt-12 {
-  margin-top: 3rem;
-}
 .courier-mt-2 {
   margin-top: 0.5rem;
 }
@@ -1246,8 +1249,8 @@ body {
 .courier-h-\[25px\] {
   height: 25px;
 }
-.courier-h-\[300px\] {
-  height: 300px;
+.courier-h-\[28px\] {
+  height: 28px;
 }
 .courier-h-\[48px\] {
   height: 48px;
@@ -1276,6 +1279,9 @@ body {
 .courier-h-px {
   height: 1px;
 }
+.courier-max-h-60 {
+  max-height: 15rem;
+}
 .courier-max-h-\[88px\] {
   max-height: 88px;
 }
@@ -1303,9 +1309,6 @@ body {
 .courier-w-1 {
   width: 0.25rem;
 }
-.courier-w-1\/2 {
-  width: 50%;
-}
 .courier-w-12 {
   width: 3rem;
 }
@@ -2132,6 +2135,9 @@ body {
 .courier-pt-0 {
   padding-top: 0px;
 }
+.courier-pt-0\.5 {
+  padding-top: 0.125rem;
+}
 .courier-pt-2 {
   padding-top: 0.5rem;
 }
@@ -2150,9 +2156,6 @@ body {
 .courier-text-center {
   text-align: center;
 }
-.courier-align-middle {
-  vertical-align: middle;
-}
 .courier-font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
@@ -2214,8 +2217,8 @@ body {
 .courier-uppercase {
   text-transform: uppercase;
 }
-.courier-leading-\[25px\] {
-  line-height: 25px;
+.courier-leading-\[28px\] {
+  line-height: 28px;
 }
 .courier-leading-none {
   line-height: 1;
@@ -2518,8 +2521,9 @@ body {
     opacity: 1;
   }
 }
-/* .theme-container {
-} */
+.theme-container {
+  text-align: left;
+}
 /* Dark mode override for number input spin buttons */
 .dark input[type="number"]::-webkit-inner-spin-button,
 .dark input[type="number"]::-webkit-outer-spin-button {
@@ -2614,6 +2618,30 @@ 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;
 }
@@ -3040,10 +3068,15 @@ body {
 .ProseMirror > .react-renderer.node-divider {
   justify-content: center;
 }
-.ProseMirror > .react-renderer.node-variable {
-  margin: 0px;
+.ProseMirror > .react-renderer .node-variable {
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
-.ProseMirror > .react-renderer.node-variable {
+.ProseMirror > .react-renderer .node-variable {
+  margin-left: 0.25rem !important;
+  margin-right: 0.25rem !important;
+}
+.ProseMirror > .react-renderer .node-variable {
   display: inline-block;
 }
 .ProseMirror > .react-renderer.node-dragPlaceholder {
@@ -4450,16 +4483,106 @@ body {
       font-size: 0.8rem;
       padding: 0;
     }
+.courier-variable-chip {
+  position: relative;
+  display: inline-flex;
+  max-width: 100%;
+  align-items: center;
+  padding-right: 0.375rem;
+  padding-left: 1.5rem;
+
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+}
+/* Default state - yellow/warning (no value) */
+.courier-variable-chip:before {
+    content: "";
+  }
+.courier-variable-chip:before {
+  position: absolute;
+}
+.courier-variable-chip:before {
+  left: 0px;
+}
+.courier-variable-chip:before {
+  top: 1px;
+}
+.courier-variable-chip:before {
+  height: 100%;
+}
+.courier-variable-chip:before {
+  width: 100%;
+}
+.courier-variable-chip:before {
+  border-radius: 0.25rem;
+}
+.courier-variable-chip:before {
+  border-width: 1px;
+}
+.courier-variable-chip:before {
+    background-color: #fffbeb;
+    border-color: #fde68a;
+  }
+/* Icon container - absolutely positioned */
+.courier-variable-chip > span:first-child {
+  position: absolute;
+}
+.courier-variable-chip > span:first-child {
+  left: 0.25rem;
+}
+.courier-variable-chip > span:first-child {
+  top: 50%;
+}
+.courier-variable-chip > span:first-child {
+  z-index: 10;
+}
+.courier-variable-chip > span:first-child {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+/* Text span */
+.courier-variable-chip > span:last-child {
+  position: relative;
+}
+.courier-variable-chip > span:last-child {
+  z-index: 10;
+}
+.courier-variable-chip > span:last-child {
+    color: #92400e;
+  }
+/* Has value state - blue */
+.courier-variable-chip.courier-variable-chip-has-value:before {
+      background-color: #eff6ff;
+      border-color: #bfdbfe;
+    }
+.courier-variable-chip.courier-variable-chip-has-value > span:last-child {
+      color: #1e40af;
+    }
+/* Invalid state - reddish */
+.courier-variable-chip.courier-variable-chip-invalid:before {
+      background-color: #fef2f2;
+      border-color: #fecaca;
+    }
+.courier-variable-chip.courier-variable-chip-invalid > span:last-child {
+      color: #991b1b;
+    }
 /* Variable Textarea placeholder styles */
-.variable-textarea-placeholder .ProseMirror p.is-editor-empty:first-child::before,
-.variable-textarea-placeholder .ProseMirror p.is-empty:first-child::before {
-  content: attr(data-placeholder);
-  float: left;
-  color: var(--muted-foreground);
-  pointer-events: none;
-  height: 0;
+.variable-textarea-placeholder {
+  cursor: text;
 }
+.variable-textarea-placeholder .ProseMirror p.is-editor-empty:first-child::before,
+    .variable-textarea-placeholder .ProseMirror p.is-empty:first-child::before {
+      content: attr(data-placeholder);
+      float: left;
+      color: var(--muted-foreground);
+      pointer-events: none;
+      height: 0;
+    }
 /* Variable Input placeholder styles */
+.variable-input-placeholder {
+  cursor: text;
+}
 .variable-input-placeholder .ProseMirror {
   width: 100%;
 }
@@ -4470,7 +4593,7 @@ body {
   margin: 0px;
 }
 .variable-input-placeholder .ProseMirror p {
-  height: 25px;
+  height: 28px;
 }
 .variable-input-placeholder .ProseMirror p {
   width: 100%;
@@ -4485,7 +4608,7 @@ body {
   padding: 0px;
 }
 .variable-input-placeholder .ProseMirror p {
-  line-height: 25px;
+  line-height: 28px;
 }
 .variable-input-placeholder .ProseMirror p {
   outline: 2px solid transparent;
@@ -4552,6 +4675,10 @@ body {
 .hover\:courier-bg-card:hover {
   background-color: var(--card);
 }
+.hover\:courier-bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .hover\:courier-bg-neutral-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -4593,12 +4720,20 @@ body {
 .focus\:courier-bg-accent:focus {
   background-color: var(--accent);
 }
+.focus\:courier-bg-gray-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .focus\:courier-text-accent-foreground:focus {
   color: var(--accent-foreground);
 }
 .focus\:courier-text-foreground:focus {
   color: var(--foreground);
 }
+.focus\:courier-outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .focus-visible\:courier-outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4820,6 +4955,14 @@ body {
 .dark\:courier-bg-foreground:is(.courier-dark *) {
   background-color: var(--foreground);
 }
+.dark\:courier-bg-gray-700:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-gray-800:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
 .dark\:courier-bg-neutral-700:is(.courier-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
@@ -4888,6 +5031,10 @@ body {
 .dark\:courier-outline-neutral-300:is(.courier-dark *) {
   outline-color: #d4d4d4;
 }
+.dark\:hover\:courier-bg-gray-700:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
 .dark\:hover\:courier-bg-neutral-600:hover:is(.courier-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
@@ -4929,6 +5076,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.dark\:focus\:courier-bg-gray-700:focus:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
 .dark\:active\:courier-bg-neutral-700:active:is(.courier-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
@@ -5005,15 +5156,9 @@ body {
 .\[\&\>svg\]\:courier-shrink-0>svg {
   flex-shrink: 0;
 }
-.\[\&_\.ProseMirror\]\:courier-h-\[25px\] .ProseMirror {
-  height: 25px;
-}
 .\[\&_\.ProseMirror\]\:courier-min-h-\[20px\] .ProseMirror {
   min-height: 20px;
 }
-.\[\&_\.ProseMirror\]\:courier-flex-1 .ProseMirror {
-  flex: 1 1 0%;
-}
 .\[\&_\.ProseMirror\]\:courier-border-none .ProseMirror {
   border-style: none;
 }

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;