@trycourier/react-designer 0.0.0-canary-20251008141850 → 0.0.0-canary-20251010141238

package/dist/cjs/styles.css

@@ -1226,9 +1226,6 @@ body {
 .\!courier-w-fit {
   width: fit-content !important;
 }
-.courier-w-0 {
-  width: 0px;
-}
 .courier-w-0\.5 {
   width: 0.125rem;
 }
@@ -1283,6 +1280,9 @@ body {
 .courier-w-\[360px\] {
   width: 360px;
 }
+.courier-w-\[80vw\] {
+  width: 80vw;
+}
 .courier-w-auto {
   width: auto;
 }
@@ -1365,10 +1365,6 @@ body {
   --tw-translate-x: -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));
 }
-.courier-translate-x-full {
-  --tw-translate-x: 100%;
-  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));
-}
 .courier-translate-y-\[-50\%\] {
   --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));
@@ -2128,9 +2124,6 @@ body {
 .courier-caret-black {
   caret-color: #000;
 }
-.courier-opacity-0 {
-  opacity: 0;
-}
 .courier-opacity-100 {
   opacity: 1;
 }

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

@@ -4,6 +4,7 @@ import type { TiptapDoc } from "@/lib/utils";
 import type { ChannelType } from "@/store";
 import type { ElementalNode } from "@/types/elemental.types";
 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 InboxConfig: TextMenuConfig;
@@ -20,7 +21,7 @@ export interface InboxRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value"> {
+export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,4 +1,5 @@
 import type { InboxRenderProps } from "./Inbox";
 export interface InboxEditorProps extends InboxRenderProps {
+    readOnly?: boolean;
 }
-export declare const InboxEditor: ({ content, extensions, editable, autofocus, onUpdate, }: InboxEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const InboxEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, }: InboxEditorProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -3,6 +3,7 @@ import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
 import type { ChannelType } from "@/store";
 import type { AnyExtension, Editor } from "@tiptap/react";
+import type { HTMLAttributes } from "react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 export declare const PushEditorContent: ({ value }: {
     value?: TiptapDoc | null;
@@ -16,7 +17,7 @@ export interface PushRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value"> {
+export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from "react";
 import { type PushRenderProps } from "./Push";
 export interface PushEditorProps extends PushRenderProps, Omit<HTMLAttributes<HTMLDivElement>, "content"> {
+    readOnly?: boolean;
 }
-export declare const PushEditor: ({ content, extensions, editable, autofocus, onUpdate, className, }: PushEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushEditor: ({ content, extensions, editable, autofocus, onUpdate, className, readOnly, }: PushEditorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
 import type { AnyExtension, Editor } from "@tiptap/react";
+import type { HTMLAttributes } from "react";
 import type { MessageRouting } from "../../../Providers/store";
 import type { ChannelType } from "@/store";
 import type { TemplateEditorProps } from "../../TemplateEditor";
@@ -21,7 +22,7 @@ export interface SMSRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "dataMode"> {
+export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "dataMode">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

package/dist/components/TemplateEditor/Channels/SMS/SMSEditor.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from "react";
 import type { SMSRenderProps } from "./SMS";
 export interface SMSEditorProps extends SMSRenderProps, Omit<HTMLAttributes<HTMLDivElement>, "content"> {
+    readOnly?: boolean;
 }
-export declare const SMSEditor: ({ content, extensions, editable, autofocus, onUpdate, className, }: SMSEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SMSEditor: ({ content, extensions, editable, autofocus, onUpdate, className, readOnly, }: SMSEditorProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,7 +1,7 @@
 export { BrandFooter } from "@/components/BrandEditor/Editor/BrandFooter";
 export { PreviewPanel } from "@/components/ui/PreviewPanel";
 export { TextMenu } from "@/components/ui/TextMenu";
-export { cn } from "@/lib/utils";
+export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
 export { SortableContext } from "@dnd-kit/sortable";
 export { useChannels } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";

package/dist/components/ui-kit/ThemeProvider/ThemeProvider.d.ts

@@ -4,6 +4,7 @@ interface ThemeProviderProps {
     children: ReactNode;
     theme?: Theme | string;
     dataMode?: "light" | "dark";
+    className?: string;
 }
 export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const useTheme: () => Theme;