@trycourier/react-designer 0.0.2 → 0.0.3

package/dist/types/elemental.schema.d.ts

@@ -5,17 +5,17 @@ export declare const ElementalSchema: z.ZodObject<{
     version: z.ZodLiteral<"2022-01-01">;
     elements: z.ZodArray<z.ZodType<ElementalNode, z.ZodTypeDef, ElementalNode>, "many">;
 }, "strip", z.ZodTypeAny, {
-    elements: ElementalNode[];
     version: "2022-01-01";
-}, {
     elements: ElementalNode[];
+}, {
     version: "2022-01-01";
+    elements: ElementalNode[];
 }>;
 export declare const validateElemental: (json: unknown) => {
     success: boolean;
     data: {
-        elements: ElementalNode[];
         version: "2022-01-01";
+        elements: ElementalNode[];
     };
     errors?: undefined;
 } | {

package/dist/types/elemental.types.d.ts

@@ -95,7 +95,6 @@ export interface ElementalChannelNode extends IsElementalNode {
     raw?: {
         html?: string;
         transformers?: string[];
-        subject?: string;
         title?: string;
         text?: string;
         [templateName: string]: unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-designer",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "React-based rich text designer component",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -40,17 +40,19 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/resolvers": "^3.9.1",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-separator": "^1.1.4",
     "@radix-ui/react-slider": "^1.2.3",
-    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-slot": "^1.2.0",
     "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@tippyjs/react": "^4.2.6",
-    "@tiptap/core": "^2.0.0",
+    "@tiptap/core": "^2.9.0",
     "@tiptap/extension-code-block-lowlight": "^2.10.3",
     "@tiptap/extension-color": "^2.10.2",
     "@tiptap/extension-hard-break": "^2.11.2",
@@ -60,9 +62,9 @@
     "@tiptap/extension-text-align": "^2.10.2",
     "@tiptap/extension-typography": "^2.10.2",
     "@tiptap/extension-underline": "^2.10.2",
-    "@tiptap/pm": "^2.0.0",
-    "@tiptap/react": "^2.0.0",
-    "@tiptap/starter-kit": "^2.0.0",
+    "@tiptap/pm": "^2.9.0",
+    "@tiptap/react": "^2.9.0",
+    "@tiptap/starter-kit": "^2.9.0",
     "@tiptap/suggestion": "^2.10.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
@@ -70,6 +72,7 @@
     "lucide-react": "^0.473.0",
     "next-themes": "^0.4.5",
     "react-hook-form": "^7.53.2",
+    "sms-segments-calculator": "^1.2.0",
     "sonner": "^2.0.1",
     "tailwind-merge": "^1.14.0",
     "uuid": "^11.0.3",
@@ -102,8 +105,8 @@
     "vitest": "^0.34.0"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "type": "module",
   "files": [
@@ -126,10 +129,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/trycourier/react-editor.git"
+    "url": "https://github.com/trycourier/courier-designer.git"
   },
   "bugs": {
-    "url": "https://github.com/trycourier/react-editor/issues"
+    "url": "https://github.com/trycourier/courier-designer/issues"
   },
   "scripts": {
     "build": "tsc && node build.js",
@@ -137,7 +140,7 @@
     "lint": "eslint \"src/**/*.ts*\"",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:e2e": "playwright test",
+    "test:e2e": "playwright test --workers=4",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "analyze": "node build.js --analyze",
     "release": "node scripts/publish.js",

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

@@ -1,23 +0,0 @@
-import type { ElementalContent } from "@/types";
-import type { Editor } from "@tiptap/core";
-import type { Node } from "@tiptap/pm/model";
-import type { Doc as YDoc } from "yjs";
-declare global {
-    interface Window {
-        editor: Editor | null;
-    }
-}
-interface UseBlockEditorProps {
-    initialContent?: ElementalContent;
-    readOnly?: boolean;
-    subject?: string | null;
-    variables?: Record<string, unknown>;
-    ydoc: YDoc;
-    onDestroy?: () => void;
-    onUpdate?: () => void;
-    setSelectedNode?: (node: Node | null) => void;
-}
-export declare const useBlockEditor: ({ initialContent, readOnly, variables, ydoc, onDestroy, setSelectedNode, }: UseBlockEditorProps) => {
-    editor: Editor;
-};
-export {};

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

@@ -1,11 +0,0 @@
-import type { Editor as TiptapEditor } from "@tiptap/react";
-export interface EditorProps {
-    editor: TiptapEditor;
-    handleEditorClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    isLoading?: boolean;
-    isVisible?: boolean;
-    hidePublish?: boolean;
-    brandEditor?: boolean;
-    variables?: Record<string, unknown>;
-}
-export declare const Editor: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -1,7 +0,0 @@
-import type { UniqueIdentifier } from "@dnd-kit/core";
-interface SideBarProps {
-    items: UniqueIdentifier[];
-    brandEditor?: boolean;
-}
-export declare const SideBar: ({ items, brandEditor }: SideBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export * from "./Editor";

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

@@ -1,23 +0,0 @@
-import type { ElementalContent } from "@/types";
-import type { Editor } from "@tiptap/core";
-import type { Doc as YDoc } from "yjs";
-import type { Node } from "@tiptap/pm/model";
-declare global {
-    interface Window {
-        editor: Editor | null;
-    }
-}
-interface UseBlockEditorProps {
-    initialContent?: ElementalContent;
-    readOnly?: boolean;
-    subject?: string | null;
-    variables?: Record<string, unknown>;
-    ydoc: YDoc;
-    onDestroy?: () => void;
-    onUpdate?: () => void;
-    setSelectedNode?: (node: Node | null) => void;
-}
-export declare const useBlockEditor: ({ initialContent, readOnly, variables, ydoc, onDestroy, setSelectedNode, }: UseBlockEditorProps) => {
-    editor: Editor;
-};
-export {};

package/dist/components/ui/EditorLayout/EditorLayout.d.ts

@@ -1,6 +0,0 @@
-import type { Theme } from "@/components/ui-kit/ThemeProvider/ThemeProvider.types";
-export interface EditorLayoutProps {
-    theme?: Theme | string;
-    children: React.ReactNode;
-}
-export declare const EditorLayout: React.FC<EditorLayoutProps>;

package/dist/components/ui/EditorLayout/index.d.ts

@@ -1 +0,0 @@
-export * from "./EditorLayout";