@trycourier/react-designer 0.0.0-canary-20251202152218 → 0.0.0-canary-20251204163023

package/dist/cjs/styles.css

@@ -2711,6 +2711,10 @@ body {
 .courier-sms-editor .ProseMirror > .react-renderer .draggable-item > div {
   padding-left: 0px;
 }
+.courier-sms-editor .ProseMirror > .react-renderer.node-paragraph p {
+          overflow-wrap: break-word;
+          word-break: break-word;
+        }
 .courier-sms-editor .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before {
   display: none;
 }

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

@@ -19,11 +19,11 @@ export declare const buttonSchema: z.ZodObject<{
     label: string;
     backgroundColor: string;
     textColor: string;
+    borderWidth: number;
     borderColor: string;
+    alignment: "left" | "center" | "right";
     size: "full" | "default";
-    borderWidth: number;
     borderRadius: number;
-    alignment: "left" | "center" | "right";
     fontStyle: "italic" | "normal";
     fontWeight: "bold" | "normal";
     isUnderline: boolean;
@@ -34,11 +34,11 @@ export declare const buttonSchema: z.ZodObject<{
     label: string;
     backgroundColor: string;
     textColor: string;
+    borderWidth: number;
     borderColor: string;
+    alignment: "left" | "center" | "right";
     size: "full" | "default";
-    borderWidth: number;
     borderRadius: number;
-    alignment: "left" | "center" | "right";
     fontStyle: "italic" | "normal";
     fontWeight: "bold" | "normal";
     isUnderline: boolean;

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

@@ -22,8 +22,8 @@ export declare const columnSchema: z.ZodObject<{
     backgroundColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderWidth: number;
+    borderColor: string;
     borderRadius: number;
     columnsCount: number;
     cells?: {
@@ -33,8 +33,8 @@ export declare const columnSchema: z.ZodObject<{
     backgroundColor?: string | undefined;
     paddingVertical?: number | undefined;
     paddingHorizontal?: number | undefined;
-    borderColor?: string | undefined;
     borderWidth?: number | undefined;
+    borderColor?: string | undefined;
     borderRadius?: number | undefined;
     columnsCount?: number | undefined;
     cells?: {

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

@@ -6,15 +6,13 @@ export declare const imageBlockSchema: z.ZodObject<{
     alignment: z.ZodEnum<["left", "center", "right"]>;
     width: z.ZodNumber;
     borderWidth: z.ZodNumber;
-    borderRadius: z.ZodNumber;
     borderColor: z.ZodString;
     isUploading: z.ZodOptional<z.ZodBoolean>;
     imageNaturalWidth: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     width: number;
-    borderColor: string;
     borderWidth: number;
-    borderRadius: number;
+    borderColor: string;
     alignment: "left" | "center" | "right";
     sourcePath: string;
     imageNaturalWidth: number;
@@ -23,9 +21,8 @@ export declare const imageBlockSchema: z.ZodObject<{
     isUploading?: boolean | undefined;
 }, {
     width: number;
-    borderColor: string;
     borderWidth: number;
-    borderRadius: number;
+    borderColor: string;
     alignment: "left" | "center" | "right";
     sourcePath: string;
     imageNaturalWidth: number;
@@ -40,7 +37,6 @@ export interface ImageBlockProps {
     alignment: "left" | "center" | "right";
     width: number;
     borderWidth: number;
-    borderRadius: number;
     borderColor: string;
     isUploading?: boolean;
     imageNaturalWidth: number;

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

@@ -4,31 +4,25 @@ export declare const textBlockSchema: z.ZodObject<{
     paddingHorizontal: z.ZodNumber;
     backgroundColor: z.ZodString;
     borderWidth: z.ZodNumber;
-    borderRadius: z.ZodNumber;
     borderColor: z.ZodString;
-    textColor: z.ZodString;
     textAlign: z.ZodDefault<z.ZodEnum<["left", "center", "right", "justify"]>>;
     selected: z.ZodDefault<z.ZodBoolean>;
     id: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     backgroundColor: string;
-    textColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderWidth: number;
-    borderRadius: number;
+    borderColor: string;
     textAlign: "left" | "center" | "right" | "justify";
     selected: boolean;
     id?: string | undefined;
 }, {
     backgroundColor: string;
-    textColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderWidth: number;
-    borderRadius: number;
+    borderColor: string;
     id?: string | undefined;
     textAlign?: "left" | "center" | "right" | "justify" | undefined;
     selected?: boolean | undefined;
@@ -38,9 +32,7 @@ export interface TextBlockProps {
     paddingHorizontal: number;
     backgroundColor: string;
     borderWidth: number;
-    borderRadius: number;
     borderColor: string;
-    textColor: string;
     textAlign: "left" | "center" | "right" | "justify";
     selected: boolean;
     id?: string;

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

@@ -2,6 +2,21 @@ export type TextMenuItemState = "enabled" | "disabled" | "hidden";
 export interface TextMenuItem {
     state: TextMenuItemState;
 }
+export interface ConditionalRule {
+    id: string;
+    trigger: {
+        type: "node";
+        name: string;
+        active: boolean;
+    };
+    conditions: {
+        activeItems: Array<keyof TextMenuConfig>;
+    };
+    action: {
+        type: "toggle_off";
+        targets: Array<keyof TextMenuConfig>;
+    };
+}
 export interface TextMenuConfig {
     contentType?: TextMenuItem;
     bold?: TextMenuItem;
@@ -15,6 +30,7 @@ export interface TextMenuConfig {
     quote?: TextMenuItem;
     link?: TextMenuItem;
     variable?: TextMenuItem;
+    conditionalRules?: ConditionalRule[];
 }
 export declare const defaultTextMenuConfig: TextMenuConfig;
 export declare const getTextMenuConfigForNode: (nodeName: string, hasTextSelection?: boolean) => TextMenuConfig;

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

@@ -0,0 +1,18 @@
+import type { Editor } from "@tiptap/react";
+import type { TextMenuConfig } from "../config";
+interface TextMenuStates {
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderline: boolean;
+    isStrike: boolean;
+    isQuote: boolean;
+    isAlignLeft: boolean;
+    isAlignCenter: boolean;
+    isAlignRight: boolean;
+    isAlignJustify: boolean;
+    isLink: boolean;
+}
+export declare const useConditionalRules: (config: TextMenuConfig | undefined, editor: Editor | null, states: TextMenuStates | undefined) => {
+    getRuleForItem: (itemKey: keyof TextMenuConfig) => import("../config").ConditionalRule | undefined;
+} | null;
+export {};

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

@@ -1,5 +1,18 @@
 import type { Editor } from "@tiptap/react";
-export declare const useTextmenuCommands: (editor: Editor) => {
+import type { TextMenuConfig } from "../config";
+interface TextMenuStates {
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderline: boolean;
+    isStrike: boolean;
+    isQuote: boolean;
+    isAlignLeft: boolean;
+    isAlignCenter: boolean;
+    isAlignRight: boolean;
+    isAlignJustify: boolean;
+    isLink: boolean;
+}
+export declare const useTextmenuCommands: (editor: Editor, config?: TextMenuConfig, states?: TextMenuStates) => {
     onBold: () => boolean;
     onItalic: () => boolean;
     onStrike: () => boolean;
@@ -12,3 +25,4 @@ export declare const useTextmenuCommands: (editor: Editor) => {
     onQuote: () => void;
     resetButtonFormatting: () => boolean;
 };
+export {};