@carlonicora/nextjs-jsonapi 1.16.0 → 1.18.0

package/src/testing/matchers/jsonApiMatchers.ts

@@ -0,0 +1,172 @@
+import { expect } from "vitest";
+
+interface JsonApiResponse {
+  data?:
+    | {
+        type?: string;
+        id?: string;
+        attributes?: Record<string, any>;
+        relationships?: Record<string, any>;
+      }
+    | Array<{
+        type?: string;
+        id?: string;
+        attributes?: Record<string, any>;
+        relationships?: Record<string, any>;
+      }>;
+}
+
+/**
+ * Custom Vitest matchers for JSON:API assertions.
+ *
+ * @example
+ * ```ts
+ * import { jsonApiMatchers } from '@carlonicora/nextjs-jsonapi/testing';
+ * import { expect } from 'vitest';
+ *
+ * expect.extend(jsonApiMatchers);
+ *
+ * // Then use in tests:
+ * expect(response).toBeValidJsonApi();
+ * expect(response).toHaveJsonApiType('articles');
+ * expect(response).toHaveJsonApiAttribute('title', 'My Article');
+ * expect(response).toHaveJsonApiRelationship('author');
+ * ```
+ */
+export const jsonApiMatchers = {
+  /**
+   * Asserts that the response has a valid JSON:API structure with type and id.
+   */
+  toBeValidJsonApi(received: JsonApiResponse) {
+    const data = Array.isArray(received?.data) ? received.data[0] : received?.data;
+    const hasType = typeof data?.type === "string" && data.type.length > 0;
+    const hasId = typeof data?.id === "string" && data.id.length > 0;
+    const isValid = hasType && hasId;
+
+    return {
+      pass: isValid,
+      message: () =>
+        isValid
+          ? `Expected response not to be valid JSON:API, but it has type "${data?.type}" and id "${data?.id}"`
+          : `Expected response to be valid JSON:API with type and id, but got type: ${JSON.stringify(data?.type)}, id: ${JSON.stringify(data?.id)}`,
+    };
+  },
+
+  /**
+   * Asserts that the response data has the expected JSON:API type.
+   */
+  toHaveJsonApiType(received: JsonApiResponse, expectedType: string) {
+    const data = Array.isArray(received?.data) ? received.data[0] : received?.data;
+    const actualType = data?.type;
+    const pass = actualType === expectedType;
+
+    return {
+      pass,
+      message: () =>
+        pass
+          ? `Expected response not to have JSON:API type "${expectedType}"`
+          : `Expected response to have JSON:API type "${expectedType}", but got "${actualType}"`,
+    };
+  },
+
+  /**
+   * Asserts that the response data has an attribute with the expected value.
+   */
+  toHaveJsonApiAttribute(received: JsonApiResponse, attributeName: string, expectedValue?: any) {
+    const data = Array.isArray(received?.data) ? received.data[0] : received?.data;
+    const attributes = data?.attributes ?? {};
+    const hasAttribute = attributeName in attributes;
+    const actualValue = attributes[attributeName];
+
+    if (expectedValue === undefined) {
+      // Just check existence
+      return {
+        pass: hasAttribute,
+        message: () =>
+          hasAttribute
+            ? `Expected response not to have JSON:API attribute "${attributeName}"`
+            : `Expected response to have JSON:API attribute "${attributeName}", but it was not found. Available attributes: ${Object.keys(attributes).join(", ") || "none"}`,
+      };
+    }
+
+    const valuesMatch = actualValue === expectedValue;
+    return {
+      pass: hasAttribute && valuesMatch,
+      message: () =>
+        hasAttribute && valuesMatch
+          ? `Expected response not to have JSON:API attribute "${attributeName}" with value "${expectedValue}"`
+          : !hasAttribute
+            ? `Expected response to have JSON:API attribute "${attributeName}", but it was not found`
+            : `Expected JSON:API attribute "${attributeName}" to be "${expectedValue}", but got "${actualValue}"`,
+    };
+  },
+
+  /**
+   * Asserts that the response data has the specified relationship.
+   */
+  toHaveJsonApiRelationship(received: JsonApiResponse, relationshipName: string) {
+    const data = Array.isArray(received?.data) ? received.data[0] : received?.data;
+    const relationships = data?.relationships ?? {};
+    const hasRelationship = relationshipName in relationships;
+
+    return {
+      pass: hasRelationship,
+      message: () =>
+        hasRelationship
+          ? `Expected response not to have JSON:API relationship "${relationshipName}"`
+          : `Expected response to have JSON:API relationship "${relationshipName}", but it was not found. Available relationships: ${Object.keys(relationships).join(", ") || "none"}`,
+    };
+  },
+
+  /**
+   * Asserts that the response data array has the expected length.
+   */
+  toHaveJsonApiLength(received: JsonApiResponse, expectedLength: number) {
+    const data = received?.data;
+    const isArray = Array.isArray(data);
+    const actualLength = isArray ? data.length : data ? 1 : 0;
+    const pass = actualLength === expectedLength;
+
+    return {
+      pass,
+      message: () =>
+        pass
+          ? `Expected response not to have ${expectedLength} items`
+          : `Expected response to have ${expectedLength} items, but got ${actualLength}`,
+    };
+  },
+};
+
+// Type declarations for the custom matchers
+declare module "vitest" {
+  interface Assertion<T = any> {
+    toBeValidJsonApi(): T;
+    toHaveJsonApiType(expectedType: string): T;
+    toHaveJsonApiAttribute(attributeName: string, expectedValue?: any): T;
+    toHaveJsonApiRelationship(relationshipName: string): T;
+    toHaveJsonApiLength(expectedLength: number): T;
+  }
+  interface AsymmetricMatchersContaining {
+    toBeValidJsonApi(): any;
+    toHaveJsonApiType(expectedType: string): any;
+    toHaveJsonApiAttribute(attributeName: string, expectedValue?: any): any;
+    toHaveJsonApiRelationship(relationshipName: string): any;
+    toHaveJsonApiLength(expectedLength: number): any;
+  }
+}
+
+/**
+ * Extends Vitest's expect with JSON:API matchers.
+ * Call this in your test setup file.
+ *
+ * @example
+ * ```ts
+ * // vitest.setup.ts
+ * import { extendExpectWithJsonApiMatchers } from '@carlonicora/nextjs-jsonapi/testing';
+ *
+ * extendExpectWithJsonApiMatchers();
+ * ```
+ */
+export function extendExpectWithJsonApiMatchers(): void {
+  expect.extend(jsonApiMatchers);
+}

package/src/testing/providers/MockJsonApiProvider.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import React from "react";
+import { JsonApiConfig, JsonApiContext } from "../../client/context/JsonApiContext";
+
+export interface MockJsonApiProviderProps {
+  children: React.ReactNode;
+  config?: Partial<JsonApiConfig>;
+}
+
+const defaultMockConfig: JsonApiConfig = {
+  apiUrl: "https://api.test.com",
+  tokenGetter: async () => "mock-token-for-testing",
+  languageGetter: async () => "en",
+  defaultHeaders: {},
+  onError: () => {},
+  cacheConfig: {
+    defaultProfile: "default",
+  },
+};
+
+/**
+ * A test-friendly provider that wraps components with mock JSON:API context.
+ *
+ * @example
+ * ```tsx
+ * import { MockJsonApiProvider } from '@carlonicora/nextjs-jsonapi/testing';
+ *
+ * render(
+ *   <MockJsonApiProvider>
+ *     <MyComponent />
+ *   </MockJsonApiProvider>
+ * );
+ * ```
+ *
+ * @example With custom config
+ * ```tsx
+ * render(
+ *   <MockJsonApiProvider config={{ apiUrl: 'https://custom.api.com' }}>
+ *     <MyComponent />
+ *   </MockJsonApiProvider>
+ * );
+ * ```
+ */
+export function MockJsonApiProvider({ children, config }: MockJsonApiProviderProps) {
+  const mergedConfig: JsonApiConfig = {
+    ...defaultMockConfig,
+    ...config,
+  };
+
+  return (
+    <JsonApiContext.Provider value={mergedConfig}>
+      {children}
+    </JsonApiContext.Provider>
+  );
+}
+
+export { defaultMockConfig };

package/src/testing/utils/renderWithProviders.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import React, { ReactElement } from "react";
+import { render, RenderOptions, RenderResult } from "@testing-library/react";
+import { MockJsonApiProvider, MockJsonApiProviderProps } from "../providers/MockJsonApiProvider";
+import { JsonApiConfig } from "../../client/context/JsonApiContext";
+
+export interface RenderWithProvidersOptions extends Omit<RenderOptions, "wrapper"> {
+  /**
+   * Custom JSON:API configuration to pass to the mock provider.
+   */
+  jsonApiConfig?: Partial<JsonApiConfig>;
+
+  /**
+   * Additional wrapper component to wrap around the providers.
+   */
+  wrapper?: React.ComponentType<{ children: React.ReactNode }>;
+}
+
+/**
+ * Renders a component wrapped with all necessary providers for testing.
+ *
+ * @example
+ * ```tsx
+ * import { renderWithProviders } from '@carlonicora/nextjs-jsonapi/testing';
+ *
+ * const { getByText } = renderWithProviders(<MyComponent />);
+ * expect(getByText('Hello')).toBeInTheDocument();
+ * ```
+ *
+ * @example With custom config
+ * ```tsx
+ * const { getByText } = renderWithProviders(<MyComponent />, {
+ *   jsonApiConfig: { apiUrl: 'https://custom.api.com' },
+ * });
+ * ```
+ *
+ * @example With additional wrapper
+ * ```tsx
+ * const CustomWrapper = ({ children }) => (
+ *   <ThemeProvider>{children}</ThemeProvider>
+ * );
+ *
+ * const { getByText } = renderWithProviders(<MyComponent />, {
+ *   wrapper: CustomWrapper,
+ * });
+ * ```
+ */
+export function renderWithProviders(
+  ui: ReactElement,
+  options: RenderWithProvidersOptions = {}
+): RenderResult {
+  const { jsonApiConfig, wrapper: AdditionalWrapper, ...renderOptions } = options;
+
+  function AllProviders({ children }: { children: React.ReactNode }) {
+    const content = (
+      <MockJsonApiProvider config={jsonApiConfig}>
+        {children}
+      </MockJsonApiProvider>
+    );
+
+    if (AdditionalWrapper) {
+      return <AdditionalWrapper>{content}</AdditionalWrapper>;
+    }
+
+    return content;
+  }
+
+  return render(ui, { wrapper: AllProviders, ...renderOptions });
+}
+
+/**
+ * Re-export render utilities from Testing Library for convenience.
+ */
+export { render, screen, waitFor, fireEvent, within } from "@testing-library/react";
+export { userEvent } from "@testing-library/user-event";

package/src/utils/__tests__/date-formatter.test.ts

@@ -0,0 +1,161 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { formatDate, FormatOption } from "../date-formatter";
+
+describe("formatDate", () => {
+  beforeEach(() => {
+    // Mock Date.now to have consistent test results
+    vi.useFakeTimers();
+    vi.setSystemTime(new Date("2024-06-15T12:00:00Z"));
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  describe("date format", () => {
+    it("should format date only", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "date", "en-GB");
+
+      // en-GB format: DD/MM/YYYY
+      expect(result).toBe("15/06/2024");
+    });
+
+    it("should format date with US locale", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "date", "en-US");
+
+      // en-US format: MM/DD/YYYY
+      expect(result).toBe("06/15/2024");
+    });
+
+    it("should use en-GB as default locale", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "date");
+
+      expect(result).toBe("15/06/2024");
+    });
+  });
+
+  describe("time format", () => {
+    it("should format time only", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "time", "en-GB");
+
+      // Should include hours and minutes
+      expect(result).toMatch(/\d{2}:\d{2}/);
+    });
+  });
+
+  describe("dateTime format", () => {
+    it("should format both date and time", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "dateTime", "en-GB");
+
+      // Should contain date and time
+      expect(result).toContain("15/06/2024");
+      expect(result).toMatch(/\d{2}:\d{2}/);
+    });
+  });
+
+  describe("timeSince format", () => {
+    it("should format seconds ago", () => {
+      const date = new Date("2024-06-15T11:59:30Z"); // 30 seconds ago
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("30 seconds ago");
+    });
+
+    it("should format minutes ago", () => {
+      const date = new Date("2024-06-15T11:55:00Z"); // 5 minutes ago
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("5 minutes ago");
+    });
+
+    it("should format hours ago", () => {
+      const date = new Date("2024-06-15T09:00:00Z"); // 3 hours ago
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("3 hours ago");
+    });
+
+    it("should format days ago", () => {
+      const date = new Date("2024-06-13T12:00:00Z"); // 2 days ago
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("2 days ago");
+    });
+  });
+
+  describe("default format", () => {
+    it("should use timeSince for dates within 24 hours", () => {
+      const date = new Date("2024-06-15T10:00:00Z"); // 2 hours ago
+      const result = formatDate(date, "default");
+
+      expect(result).toBe("2 hours ago");
+    });
+
+    it("should use dateTime for dates older than 24 hours", () => {
+      const date = new Date("2024-06-13T10:00:00Z"); // 2 days + 2 hours ago
+      const result = formatDate(date, "default", "en-GB");
+
+      // Should contain date format for older dates
+      expect(result).toContain("13/06/2024");
+    });
+  });
+
+  describe("edge cases", () => {
+    it("should handle zero seconds ago", () => {
+      const date = new Date("2024-06-15T12:00:00Z"); // exactly now
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("0 seconds ago");
+    });
+
+    it("should handle 1 minute ago", () => {
+      const date = new Date("2024-06-15T11:59:00Z");
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("1 minutes ago");
+    });
+
+    it("should handle 1 hour ago", () => {
+      const date = new Date("2024-06-15T11:00:00Z");
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("1 hours ago");
+    });
+
+    it("should handle 1 day ago", () => {
+      const date = new Date("2024-06-14T12:00:00Z");
+      const result = formatDate(date, "timeSince");
+
+      expect(result).toBe("1 days ago");
+    });
+
+    it("should throw for invalid format option", () => {
+      const date = new Date("2024-06-15T12:00:00Z");
+      // @ts-expect-error Testing invalid input
+      expect(() => formatDate(date, "invalid")).toThrow("Invalid format option");
+    });
+  });
+
+  describe("different locales", () => {
+    it("should format with German locale", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "date", "de-DE");
+
+      // German format: DD.MM.YYYY
+      expect(result).toBe("15.06.2024");
+    });
+
+    it("should format with Italian locale", () => {
+      const date = new Date("2024-06-15T10:30:00Z");
+      const result = formatDate(date, "date", "it-IT");
+
+      // Italian format: DD/MM/YYYY
+      expect(result).toBe("15/06/2024");
+    });
+  });
+});

package/src/utils/__tests__/exists.test.ts

@@ -0,0 +1,100 @@
+import { describe, it, expect } from "vitest";
+import { exists } from "../exists";
+
+describe("exists", () => {
+  describe("with null and undefined", () => {
+    it("should return false for null", () => {
+      expect(exists(null)).toBe(false);
+    });
+
+    it("should return false for undefined", () => {
+      expect(exists(undefined)).toBe(false);
+    });
+  });
+
+  describe("with arrays", () => {
+    it("should return true for non-empty array", () => {
+      expect(exists([1, 2, 3])).toBe(true);
+    });
+
+    it("should return false for empty array", () => {
+      expect(exists([])).toBe(false);
+    });
+
+    it("should return true for array with one element", () => {
+      expect(exists([1])).toBe(true);
+    });
+
+    it("should return true for array of objects", () => {
+      expect(exists([{ id: 1 }, { id: 2 }])).toBe(true);
+    });
+
+    it("should return true for array with null elements", () => {
+      // Array exists even if it contains null values
+      expect(exists([null, null])).toBe(true);
+    });
+
+    it("should return true for array with undefined elements", () => {
+      // Array exists even if it contains undefined values
+      expect(exists([undefined, undefined])).toBe(true);
+    });
+  });
+
+  describe("with single values", () => {
+    it("should return true for non-zero number", () => {
+      expect(exists(42)).toBe(true);
+    });
+
+    it("should return false for zero", () => {
+      // Note: 0 is falsy so exists returns false
+      expect(exists(0)).toBe(false);
+    });
+
+    it("should return true for non-empty string", () => {
+      expect(exists("hello")).toBe(true);
+    });
+
+    it("should return false for empty string", () => {
+      expect(exists("")).toBe(false);
+    });
+
+    it("should return true for object", () => {
+      expect(exists({ id: 1 })).toBe(true);
+    });
+
+    it("should return true for empty object", () => {
+      expect(exists({})).toBe(true);
+    });
+
+    it("should return true for true boolean", () => {
+      expect(exists(true)).toBe(true);
+    });
+
+    it("should return false for false boolean", () => {
+      expect(exists(false)).toBe(false);
+    });
+  });
+
+  describe("type inference", () => {
+    it("should work with string type", () => {
+      const value: string | null = "test";
+      expect(exists(value)).toBe(true);
+    });
+
+    it("should work with number type", () => {
+      const value: number | undefined = 10;
+      expect(exists(value)).toBe(true);
+    });
+
+    it("should work with object type", () => {
+      type User = { name: string };
+      const value: User | null = { name: "John" };
+      expect(exists(value)).toBe(true);
+    });
+
+    it("should work with array type", () => {
+      const value: string[] | null = ["a", "b"];
+      expect(exists(value)).toBe(true);
+    });
+  });
+});

package/src/utils/cn.test.ts

@@ -0,0 +1,44 @@
+import { describe, it, expect } from "vitest";
+import { cn } from "./cn";
+
+describe("cn utility", () => {
+  it("should merge class names", () => {
+    const result = cn("foo", "bar");
+    expect(result).toBe("foo bar");
+  });
+
+  it("should handle conditional classes", () => {
+    const result = cn("base", true && "included", false && "excluded");
+    expect(result).toBe("base included");
+  });
+
+  it("should merge tailwind classes correctly", () => {
+    const result = cn("px-2 py-1", "px-4");
+    expect(result).toBe("py-1 px-4");
+  });
+
+  it("should handle arrays of classes", () => {
+    const result = cn(["foo", "bar"], "baz");
+    expect(result).toBe("foo bar baz");
+  });
+
+  it("should handle undefined and null values", () => {
+    const result = cn("foo", undefined, null, "bar");
+    expect(result).toBe("foo bar");
+  });
+
+  it("should handle object syntax", () => {
+    const result = cn({ foo: true, bar: false, baz: true });
+    expect(result).toBe("foo baz");
+  });
+
+  it("should handle empty input", () => {
+    const result = cn();
+    expect(result).toBe("");
+  });
+
+  it("should deduplicate conflicting tailwind utilities", () => {
+    const result = cn("text-red-500", "text-blue-500");
+    expect(result).toBe("text-blue-500");
+  });
+});

package/dist/BlockNoteEditor-MBFDWP7X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/nextjs-jsonapi/nextjs-jsonapi/dist/BlockNoteEditor-MBFDWP7X.js","../src/components/editors/BlockNoteEditor.tsx","../src/components/editors/BlockNoteEditorFormattingToolbar.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"/home/runner/work/nextjs-jsonapi/nextjs-jsonapi/dist/BlockNoteEditor-MBFDWP7X.js","sourcesContent":[null,"\"use client\";\n\nimport { BlockNoteSchema, defaultInlineContentSpecs, PartialBlock } from \"@blocknote/core\";\nimport { createReactInlineContentSpec, useCreateBlockNote } from \"@blocknote/react\";\nimport { BlockNoteView } from \"@blocknote/shadcn\";\nimport \"@blocknote/shadcn/style.css\";\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { useTranslations } from \"next-intl\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useCurrentUserContext } from \"../../contexts\";\nimport { S3Interface } from \"../../features/s3/data\";\nimport { UserInterface } from \"../../features/user/data\";\nimport { S3Service } from \"../../features/s3/data/s3.service\";\nimport { Button } from \"../../shadcnui\";\nimport { BlockNoteDiffUtil, BlockNoteWordDiffRendererUtil, cn } from \"../../utils\";\nimport { errorToast } from \"../errors\";\nimport { BlockNoteEditorFormattingToolbar } from \"./BlockNoteEditorFormattingToolbar\";\n\nexport type BlockNoteEditorProps = {\n  id: string;\n  type: string;\n  initialContent?: PartialBlock[];\n  onChange?: (content: any, isEmpty: boolean, hasUnresolvedDiff: boolean) => void;\n  size?: \"sm\" | \"md\";\n  className?: string;\n  markdownContent?: string;\n  diffContent?: PartialBlock[];\n  placeholder?: string;\n  bordered?: boolean;\n};\n\nconst createDiffActionsInlineContentSpec = (\n  handleAcceptChange: (diffId: string) => void,\n  handleRejectChange: (diffId: string) => void,\n) => {\n  return createReactInlineContentSpec(\n    {\n      type: \"diffActions\",\n      propSchema: {\n        diffIds: {\n          default: \"\",\n        },\n      },\n      content: \"none\",\n    },\n    {\n      render: (props) => {\n        const diffIds = props.inlineContent.props.diffIds;\n\n        return (\n          <span className=\"diff-actions-container mx-2 inline-flex items-center gap-1 align-middle\">\n            <Button\n              title=\"Accept change\"\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                diffIds.split(\",\").forEach((id: string) => handleAcceptChange(id.trim()));\n              }}\n            >\n              <CheckIcon className=\"h-3 w-3 text-green-600\" />\n            </Button>\n            <Button\n              title=\"Reject change\"\n              className=\"mx-2 p-0\"\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                diffIds.split(\",\").forEach((id: string) => handleRejectChange(id.trim()));\n              }}\n            >\n              <XIcon className=\"h-3 w-3 text-red-600\" />\n            </Button>\n          </span>\n        );\n      },\n    },\n  );\n};\n\nexport default function BlockNoteEditor({\n  id,\n  type,\n  initialContent,\n  onChange,\n  size,\n  className,\n  markdownContent,\n  diffContent,\n  placeholder,\n  bordered,\n}: BlockNoteEditorProps): React.JSX.Element {\n  const t = useTranslations();\n  const { company } = useCurrentUserContext<UserInterface>();\n\n  const [acceptedChanges, setAcceptedChanges] = useState<Set<string>>(new Set());\n  const [rejectedChanges, setRejectedChanges] = useState<Set<string>>(new Set());\n\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const handleAcceptChange = useCallback((diffId: string) => {\n    setAcceptedChanges((prev) => new Set([...prev, diffId]));\n    setRejectedChanges((prev) => {\n      const newSet = new Set(prev);\n      newSet.delete(diffId);\n      return newSet;\n    });\n  }, []);\n\n  const handleRejectChange = useCallback((diffId: string) => {\n    setRejectedChanges((prev) => new Set([...prev, diffId]));\n    setAcceptedChanges((prev) => {\n      const newSet = new Set(prev);\n      newSet.delete(diffId);\n      return newSet;\n    });\n  }, []);\n\n  const DiffActionsInlineContent = useMemo(\n    () => createDiffActionsInlineContentSpec(handleAcceptChange, handleRejectChange),\n    [handleAcceptChange, handleRejectChange],\n  );\n\n  const schema = useMemo(\n    () =>\n      BlockNoteSchema.create({\n        inlineContentSpecs: {\n          ...defaultInlineContentSpecs,\n          diffActions: DiffActionsInlineContent,\n        },\n      } as any),\n    [DiffActionsInlineContent],\n  );\n\n  const uploadImage = useCallback(\n    async (file: File): Promise<string> => {\n      if (!company) {\n        errorToast({\n          title: t(`generic.errors.upload`),\n          error: t(`generic.errors.upload_description`),\n        });\n        throw new Error(t(`generic.errors.upload`));\n      }\n\n      const fileType = file.type;\n      const key = `companies/${company.id}/${type}/${id}/${file.name}`;\n\n      const s3: S3Interface = await S3Service.getPreSignedUrl({\n        key: key,\n        contentType: fileType,\n        isPublic: true,\n      });\n\n      await fetch(s3.url, {\n        method: \"PUT\",\n        headers: s3.headers,\n        body: file,\n      });\n\n      const signedImage: S3Interface = await S3Service.getSignedUrl({\n        key: key,\n        isPublic: true,\n      });\n\n      return signedImage.url;\n    },\n    [company, id, t],\n  );\n\n  // Utility: Remove trailing empty blocks for read-only display\n  const removeTrailingEmptyBlocks = useCallback(\n    (blocks: PartialBlock[]): PartialBlock[] => {\n      if (!blocks || blocks.length === 0) return blocks;\n\n      // Only remove trailing empty blocks in read-only mode\n      if (onChange !== undefined) return blocks;\n\n      const result = [...blocks];\n\n      // Remove trailing empty paragraph blocks, but keep at least one block\n      while (result.length > 1) {\n        const lastBlock = result[result.length - 1];\n\n        // Check if it's an empty paragraph\n        const isEmptyParagraph =\n          lastBlock.type === \"paragraph\" &&\n          (!lastBlock.content ||\n            lastBlock.content.length === 0 ||\n            (Array.isArray(lastBlock.content) && lastBlock.content.every((c: any) => !c.text || c.text.trim() === \"\")));\n\n        if (isEmptyParagraph) {\n          result.pop();\n        } else {\n          break;\n        }\n      }\n\n      return result;\n    },\n    [onChange],\n  );\n\n  const processedContent = useMemo(() => {\n    if (diffContent && initialContent) {\n      try {\n        const diffResult = BlockNoteDiffUtil.diff(initialContent, diffContent);\n        const renderedDiff = BlockNoteWordDiffRendererUtil.renderWordDiffs(\n          diffResult.blocks,\n          handleAcceptChange,\n          handleRejectChange,\n          acceptedChanges,\n          rejectedChanges,\n        );\n        return removeTrailingEmptyBlocks(renderedDiff);\n      } catch (error) {\n        return initialContent && Array.isArray(initialContent) && initialContent.length > 0\n          ? removeTrailingEmptyBlocks(initialContent)\n          : [];\n      }\n    }\n\n    if (!initialContent) {\n      return [];\n    }\n\n    if (!Array.isArray(initialContent)) {\n      return [];\n    }\n\n    return initialContent.length > 0 ? removeTrailingEmptyBlocks(initialContent) : [];\n  }, [\n    initialContent,\n    diffContent,\n    handleAcceptChange,\n    handleRejectChange,\n    acceptedChanges,\n    rejectedChanges,\n    removeTrailingEmptyBlocks,\n  ]);\n\n  const validatedInitialContent = useMemo(() => {\n    if (processedContent && Array.isArray(processedContent) && processedContent.length > 0) {\n      const validatedContent = processedContent.filter((block) => {\n        if (!block || typeof block !== \"object\") return false;\n        if (!(block as any).type) return false;\n        return true;\n      });\n      return validatedContent.length > 0 ? (validatedContent as PartialBlock[]) : undefined;\n    }\n    return undefined;\n  }, [processedContent]);\n\n  const editor = useCreateBlockNote(\n    useMemo(\n      () => ({\n        placeholders: {\n          emptyDocument: placeholder || t(`generic.blocknote.placeholder`),\n        },\n        schema,\n        initialContent: validatedInitialContent,\n        uploadFile: uploadImage,\n      }),\n      [placeholder, t, schema, validatedInitialContent, uploadImage],\n    ),\n  );\n\n  const handleChange = useCallback(async () => {\n    if (!onChange) return;\n    const newBlocks = editor.document;\n\n    const markdownFromBlocks = (await editor.blocksToMarkdownLossy(editor.document)).trim();\n\n    function hasUnresolvedDiffsRecursive(block: any): boolean {\n      if (!block || typeof block !== \"object\") return false;\n      let diffId = undefined;\n      if (block.props && block.props.diffId) diffId = block.props.diffId;\n      if (!diffId && block.attrs && block.attrs.diffId) diffId = block.attrs.diffId;\n      if (diffId && !acceptedChanges.has(diffId) && !rejectedChanges.has(diffId)) {\n        return true;\n      }\n\n      if (block.content) {\n        const contentArr = Array.isArray(block.content) ? block.content : [block.content];\n        for (const inline of contentArr) {\n          if (inline && typeof inline === \"object\") {\n            if (inline.type === \"diffActions\" && inline.props && inline.props.diffIds) {\n              const ids =\n                typeof inline.props.diffIds === \"string\" ? inline.props.diffIds.split(\",\") : inline.props.diffIds;\n              for (const id of ids) {\n                const trimmed = (id || \"\").toString().trim();\n                if (trimmed && !acceptedChanges.has(trimmed) && !rejectedChanges.has(trimmed)) {\n                  return true;\n                }\n              }\n            }\n            if (inline.props && inline.props.diffId) {\n              const diffIdInline = inline.props.diffId;\n              if (diffIdInline && !acceptedChanges.has(diffIdInline) && !rejectedChanges.has(diffIdInline)) {\n                return true;\n              }\n            }\n            if (inline.children && Array.isArray(inline.children)) {\n              for (const child of inline.children) {\n                if (hasUnresolvedDiffsRecursive(child)) return true;\n              }\n            }\n          }\n        }\n      }\n      if (Array.isArray(block.children)) {\n        for (const child of block.children) {\n          if (hasUnresolvedDiffsRecursive(child)) return true;\n        }\n      }\n      return false;\n    }\n\n    let hasUnresolvedDiff = false;\n    if (Array.isArray(newBlocks)) {\n      hasUnresolvedDiff = newBlocks.some((block: any) => hasUnresolvedDiffsRecursive(block));\n    }\n\n    onChange(newBlocks, !markdownFromBlocks.length, hasUnresolvedDiff);\n  }, [editor, onChange, id, acceptedChanges, rejectedChanges]);\n\n  // Utility: deep equality for arrays of blocks\n  const areBlocksEqual = (a: any[], b: any[]): boolean => {\n    return JSON.stringify(a) === JSON.stringify(b);\n  };\n\n  // Only initialize from markdownContent once per value, and only if different\n  const hasInitializedFromMarkdown = useRef<string | null>(null);\n  useEffect(() => {\n    const updateContent = async (markdown: string) => {\n      const blocks = await editor.tryParseMarkdownToBlocks(markdown);\n      if (!areBlocksEqual(blocks, editor.document)) {\n        editor.replaceBlocks(editor.document, blocks);\n      }\n    };\n\n    if (markdownContent && hasInitializedFromMarkdown.current !== markdownContent) {\n      hasInitializedFromMarkdown.current = markdownContent;\n      updateContent(markdownContent).then(() => handleChange());\n    }\n  }, [markdownContent, editor]);\n\n  // Update editor content when diff content changes, but only if different\n  // Prevent unnecessary replaceBlocks calls that reset scroll/cursor.\n  const previousContentHashRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (!processedContent || !editor) return;\n    const hash = JSON.stringify(processedContent);\n    if (previousContentHashRef.current === hash) return; // no changes\n    const currentHash = JSON.stringify(editor.document);\n    if (currentHash === hash) {\n      previousContentHashRef.current = hash;\n      return; // already in sync\n    }\n    editor.replaceBlocks(editor.document, processedContent as PartialBlock[]);\n    previousContentHashRef.current = hash;\n  }, [processedContent, editor]);\n\n  // Handle audio received from whisper transcription\n  const handleAudioReceived = useCallback(\n    (message: string) => {\n      try {\n        // Ensure the editor has focus\n        const editorElement = editorRef.current?.querySelector('[contenteditable=\"true\"]') as HTMLElement;\n        if (editorElement && document.activeElement !== editorElement) {\n          editorElement.focus();\n        }\n\n        // Insert the transcribed text at the current cursor position\n        editor.insertInlineContent(message);\n      } catch (error) {\n        console.error(\"Error inserting transcribed text:\", error);\n        // Fallback: try to insert at the end of the document\n        try {\n          const blocks = editor.document;\n          if (blocks.length > 0) {\n            const lastBlock = blocks[blocks.length - 1];\n            editor.setTextCursorPosition(lastBlock.id, \"end\");\n            editor.insertInlineContent(message);\n          }\n        } catch (fallbackError) {\n          console.error(\"Fallback insertion also failed:\", fallbackError);\n        }\n      }\n    },\n    [editor],\n  );\n\n  return (\n    <div ref={editorRef} className={cn(bordered ? \"rounded-md border\" : \"\", \"w-full\")}>\n      <BlockNoteView\n        editor={editor}\n        onChange={handleChange}\n        editable={onChange !== undefined}\n        formattingToolbar={false}\n        theme=\"light\"\n        className={cn(`BlockNoteView ${onChange ? \"min-h-96 p-4\" : \"\"}`, className, size === \"sm\" && \"small\")}\n      >\n        <BlockNoteEditorFormattingToolbar />\n      </BlockNoteView>\n    </div>\n  );\n}\n","\"use client\";\n\nimport {\n  BasicTextStyleButton,\n  BlockTypeSelect,\n  CreateLinkButton,\n  FileCaptionButton,\n  FileReplaceButton,\n  FormattingToolbar,\n  FormattingToolbarController,\n  TextAlignButton,\n} from \"@blocknote/react\";\n\nexport function BlockNoteEditorFormattingToolbar() {\n  return (\n    <FormattingToolbarController\n      formattingToolbar={() => (\n        <FormattingToolbar>\n          <BlockTypeSelect key={\"blockTypeSelect\"} />\n\n          <FileCaptionButton key={\"fileCaptionButton\"} />\n          <FileReplaceButton key={\"replaceFileButton\"} />\n\n          <BasicTextStyleButton basicTextStyle={\"bold\"} key={\"boldStyleButton\"} />\n          <BasicTextStyleButton basicTextStyle={\"italic\"} key={\"italicStyleButton\"} />\n          <BasicTextStyleButton basicTextStyle={\"underline\"} key={\"underlineStyleButton\"} />\n          <BasicTextStyleButton basicTextStyle={\"strike\"} key={\"strikeStyleButton\"} />\n\n          <TextAlignButton textAlignment={\"left\"} key={\"textAlignLeftButton\"} />\n          <TextAlignButton textAlignment={\"center\"} key={\"textAlignCenterButton\"} />\n          <TextAlignButton textAlignment={\"right\"} key={\"textAlignRightButton\"} />\n\n          <CreateLinkButton key={\"createLinkButton\"} />\n        </FormattingToolbar>\n      )}\n    />\n  );\n}\n"]}