@redacto.io/consent-sdk-react 1.1.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/RedactoNoticeConsent/RedactoNoticeConsent.test.tsx

@@ -7,7 +7,12 @@ import {
   waitFor,
 } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { defaultProps, mockConsentContent, mockMinorConsentContent, mockReconsentContent } from "../../tests/mocks";
+import {
+  defaultProps,
+  mockConsentContent,
+  mockMinorConsentContent,
+  mockReconsentContent,
+} from "../../tests/mocks";
 import { RedactoNoticeConsent } from "./RedactoNoticeConsent";
 import * as api from "./api";
 import type { ConsentContent } from "./api/types";
@@ -44,7 +49,9 @@ describe("RedactoNoticeConsent", () => {
   beforeEach(() => {
     vi.clearAllMocks();
     // Mock API calls synchronously to avoid act() warnings
-    mockedApi.fetchConsentContent.mockReturnValue(Promise.resolve(mockConsentContent));
+    mockedApi.fetchConsentContent.mockReturnValue(
+      Promise.resolve(mockConsentContent)
+    );
     mockedApi.submitConsentEvent.mockReturnValue(Promise.resolve(undefined));
     mockedApi.submitGuardianInfo.mockReturnValue(Promise.resolve(undefined));
   });
@@ -143,7 +150,9 @@ describe("RedactoNoticeConsent", () => {
         expect(
           screen.getByText(/Nos importa tu privacidad/i)
         ).toBeInTheDocument();
-        expect(screen.getByText("[Política de Privacidad]")).toBeInTheDocument();
+        expect(
+          screen.getByText("[Política de Privacidad]")
+        ).toBeInTheDocument();
         expect(
           screen.getByText("Gestionar Consentimiento")
         ).toBeInTheDocument();
@@ -344,9 +353,7 @@ describe("RedactoNoticeConsent", () => {
     await waitFor(
       () => {
         expect(defaultProps.onAccept).toHaveBeenCalled();
-        expect(
-          screen.queryByText("Privacy Notice")
-        ).not.toBeInTheDocument();
+        expect(screen.queryByText("Privacy Notice")).not.toBeInTheDocument();
       },
       { timeout: 3000 }
     );
@@ -424,8 +431,10 @@ describe("RedactoNoticeConsent", () => {
       expect(purposes).toHaveLength(2);
     });
 
-    it("passes check_mode parameter to API", async () => {
-      render(<RedactoNoticeConsent {...defaultProps} checkMode="required" />);
+    it("passes validate_against parameter to API", async () => {
+      render(
+        <RedactoNoticeConsent {...defaultProps} validateAgainst="required" />
+      );
       await waitFor(
         () => {
           expect(api.fetchConsentContent).toHaveBeenCalledWith({
@@ -435,7 +444,7 @@ describe("RedactoNoticeConsent", () => {
             baseUrl: undefined,
             language: "en",
             specific_uuid: undefined,
-            check_mode: "required",
+            validate_against: "required",
             signal: expect.any(AbortSignal),
           });
         },
@@ -443,7 +452,7 @@ describe("RedactoNoticeConsent", () => {
       );
     });
 
-    it("defaults to check_mode 'all' when not specified", async () => {
+    it("defaults to validate_against 'all' when not specified", async () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
@@ -454,7 +463,7 @@ describe("RedactoNoticeConsent", () => {
             baseUrl: undefined,
             language: "en",
             specific_uuid: undefined,
-            check_mode: "all",
+            validate_against: "all",
             signal: expect.any(AbortSignal),
           });
         },
@@ -474,7 +483,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
           expect(
             screen.getByText(/Are you 18 years of age or older/)
           ).toBeInTheDocument();
@@ -487,7 +498,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
           expect(screen.getByText("Yes, I am 18 or older")).toBeInTheDocument();
           expect(screen.getByText("No, I am under 18")).toBeInTheDocument();
           expect(screen.getByAltText("Redacto Logo")).toBeInTheDocument();
@@ -500,7 +513,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -512,8 +527,12 @@ describe("RedactoNoticeConsent", () => {
       await waitFor(
         () => {
           expect(screen.getByText("Privacy Notice")).toBeInTheDocument();
-          expect(screen.queryByText("Age Verification Required")).not.toBeInTheDocument();
-          expect(screen.queryByText("Guardian Information Required")).not.toBeInTheDocument();
+          expect(
+            screen.queryByText("Age Verification Required")
+          ).not.toBeInTheDocument();
+          expect(
+            screen.queryByText("Guardian Information Required")
+          ).not.toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -523,7 +542,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -534,8 +555,12 @@ describe("RedactoNoticeConsent", () => {
       // Should transition to guardian form
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
-          expect(screen.queryByText("Age Verification Required")).not.toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
+          expect(
+            screen.queryByText("Age Verification Required")
+          ).not.toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -545,7 +570,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -557,7 +584,9 @@ describe("RedactoNoticeConsent", () => {
       // Should show guardian form
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
           expect(
             screen.getByText(/As you are under the age of consent/i)
           ).toBeInTheDocument();
@@ -568,7 +597,9 @@ describe("RedactoNoticeConsent", () => {
       // Fill out guardian form
       const nameInput = screen.getByLabelText(/Name of Guardian/i);
       const contactInput = screen.getByLabelText(/Contact of Guardian/i);
-      const relationshipInput = screen.getByLabelText(/Relationship to Guardian/i);
+      const relationshipInput = screen.getByLabelText(
+        /Relationship to Guardian/i
+      );
 
       fireEvent.change(nameInput, { target: { value: "John Doe" } });
       fireEvent.change(contactInput, { target: { value: "john@example.com" } });
@@ -581,7 +612,9 @@ describe("RedactoNoticeConsent", () => {
       await waitFor(
         () => {
           expect(screen.getByText("Privacy Notice")).toBeInTheDocument();
-          expect(screen.queryByText("Guardian Information Required")).not.toBeInTheDocument();
+          expect(
+            screen.queryByText("Guardian Information Required")
+          ).not.toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -591,7 +624,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -603,9 +638,15 @@ describe("RedactoNoticeConsent", () => {
       await waitFor(
         () => {
           expect(screen.getByAltText("Redacto Logo")).toBeInTheDocument();
-          expect(screen.getByLabelText(/Name of Guardian/i)).toBeInTheDocument();
-          expect(screen.getByLabelText(/Contact of Guardian/i)).toBeInTheDocument();
-          expect(screen.getByLabelText(/Relationship to Guardian/i)).toBeInTheDocument();
+          expect(
+            screen.getByLabelText(/Name of Guardian/i)
+          ).toBeInTheDocument();
+          expect(
+            screen.getByLabelText(/Contact of Guardian/i)
+          ).toBeInTheDocument();
+          expect(
+            screen.getByLabelText(/Relationship to Guardian/i)
+          ).toBeInTheDocument();
           expect(screen.getByText("Next")).toBeInTheDocument();
           expect(screen.getByText("Cancel")).toBeInTheDocument();
         },
@@ -617,7 +658,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -628,7 +671,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -638,9 +683,15 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian name is required")).toBeInTheDocument();
-          expect(screen.getByText("Guardian contact is required")).toBeInTheDocument();
-          expect(screen.getByText("Relationship to guardian is required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian name is required")
+          ).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian contact is required")
+          ).toBeInTheDocument();
+          expect(
+            screen.getByText("Relationship to guardian is required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -650,7 +701,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -661,7 +714,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -669,7 +724,9 @@ describe("RedactoNoticeConsent", () => {
       // Fill out guardian form
       const nameInput = screen.getByLabelText(/Name of Guardian/i);
       const contactInput = screen.getByLabelText(/Contact of Guardian/i);
-      const relationshipInput = screen.getByLabelText(/Relationship to Guardian/i);
+      const relationshipInput = screen.getByLabelText(
+        /Relationship to Guardian/i
+      );
 
       fireEvent.change(nameInput, { target: { value: "John Doe" } });
       fireEvent.change(contactInput, { target: { value: "john@example.com" } });
@@ -682,7 +739,9 @@ describe("RedactoNoticeConsent", () => {
       await waitFor(
         () => {
           expect(screen.getByText("Privacy Notice")).toBeInTheDocument();
-          expect(screen.queryByText("Guardian Information Required")).not.toBeInTheDocument();
+          expect(
+            screen.queryByText("Guardian Information Required")
+          ).not.toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -692,7 +751,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -703,7 +764,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -711,7 +774,9 @@ describe("RedactoNoticeConsent", () => {
       // Fill fields with only whitespace
       const nameInput = screen.getByLabelText(/Name of Guardian/i);
       const contactInput = screen.getByLabelText(/Contact of Guardian/i);
-      const relationshipInput = screen.getByLabelText(/Relationship to Guardian/i);
+      const relationshipInput = screen.getByLabelText(
+        /Relationship to Guardian/i
+      );
 
       fireEvent.change(nameInput, { target: { value: "   " } });
       fireEvent.change(contactInput, { target: { value: "\t\t" } });
@@ -723,9 +788,15 @@ describe("RedactoNoticeConsent", () => {
       // Should still show validation errors for whitespace-only input
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian name is required")).toBeInTheDocument();
-          expect(screen.getByText("Guardian contact is required")).toBeInTheDocument();
-          expect(screen.getByText("Relationship to guardian is required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian name is required")
+          ).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian contact is required")
+          ).toBeInTheDocument();
+          expect(
+            screen.getByText("Relationship to guardian is required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -735,7 +806,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -746,7 +819,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -757,7 +832,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian name is required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian name is required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -769,7 +846,9 @@ describe("RedactoNoticeConsent", () => {
       // Error should be cleared
       await waitFor(
         () => {
-          expect(screen.queryByText("Guardian name is required")).not.toBeInTheDocument();
+          expect(
+            screen.queryByText("Guardian name is required")
+          ).not.toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -779,7 +858,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -790,7 +871,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -810,7 +893,9 @@ describe("RedactoNoticeConsent", () => {
       render(<RedactoNoticeConsent {...defaultProps} />);
       await waitFor(
         () => {
-          expect(screen.getByText("Age Verification Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Age Verification Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );
@@ -821,7 +906,9 @@ describe("RedactoNoticeConsent", () => {
 
       await waitFor(
         () => {
-          expect(screen.getByText("Guardian Information Required")).toBeInTheDocument();
+          expect(
+            screen.getByText("Guardian Information Required")
+          ).toBeInTheDocument();
         },
         { timeout: 3000 }
       );

package/src/RedactoNoticeConsent/RedactoNoticeConsent.tsx

@@ -699,7 +699,7 @@ export const RedactoNoticeConsent = ({
   onError,
   settings,
   applicationId,
-  checkMode = "all",
+  validateAgainst = "all",
 }: Props) => {
   // =============================================================================
   // PROP VALIDATION
@@ -1050,7 +1050,7 @@ export const RedactoNoticeConsent = ({
         baseUrl,
         language,
         specific_uuid: applicationId,
-        check_mode: checkMode,
+        validate_against: validateAgainst,
         signal: abortControllerRef.current?.signal,
       });
       setContent(consentContentData.detail.active_config);
@@ -1188,7 +1188,7 @@ export const RedactoNoticeConsent = ({
     refreshToken,
     language,
     applicationId,
-    checkMode,
+    validateAgainst,
     // Removed onError and isRefreshingToken from dependencies to prevent duplicate API calls
     // onError is only called on errors, not needed for initial data fetching
   ]);

package/src/RedactoNoticeConsent/api/index.ts

@@ -64,12 +64,12 @@ export const fetchConsentContent = async ({
   baseUrl,
   language = "en",
   specific_uuid,
-  check_mode = "all",
+  validate_against = "all",
   signal, // AbortSignal for request cancellation
 }: FetchConsentContentParams & { signal?: AbortSignal }): Promise<ConsentContent> => {
   try {
     // Validate required parameters
-    if (!noticeId || !accessToken) {
+    if (!noticeId || !accessToken || !validate_against) {
       throw new Error("noticeId and accessToken are required");
     }
 
@@ -86,10 +86,10 @@ export const fetchConsentContent = async ({
     const apiBaseUrl = baseUrl || BASE_URL;
 
     // Create cache key for this request - include accessToken to ensure different users get different cache
-    const cacheKey = `${accessToken}-${noticeId}-${check_mode}-${language}-${specific_uuid || ''}`;
+    const cacheKey = `${accessToken}-${noticeId}-${validate_against}-${language}-${specific_uuid || ''}`;
 
     // Check cache first (skip for reconsent requests as they need fresh data)
-    if (check_mode === "all" && !specific_uuid) {
+    if (validate_against === "all" && !specific_uuid) {
       const cachedData = getCachedData(cacheKey);
       if (cachedData) {
         return cachedData;
@@ -103,7 +103,7 @@ export const fetchConsentContent = async ({
     if (specific_uuid) {
       url.searchParams.append("specific_uuid", specific_uuid);
     }
-    url.searchParams.append("check_mode", check_mode);
+    url.searchParams.append("validate_against", validate_against);
 
     const response = await fetch(url.toString(), {
       method: "GET",
@@ -138,7 +138,7 @@ export const fetchConsentContent = async ({
     const data: ConsentContent = await response.json();
 
     // Cache successful responses (skip for reconsent as data may change)
-    if (check_mode === "all" && !specific_uuid) {
+    if (validate_against === "all" && !specific_uuid) {
       setCachedData(cacheKey, data);
     }
 
@@ -219,7 +219,7 @@ export const submitConsentEvent = async ({
     const apiBaseUrl = baseUrl || BASE_URL;
 
     const response = await fetch(
-      `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/by-token`,
+      `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/submit-consent`,
       {
         method: "POST",
         headers: {

package/src/RedactoNoticeConsent/api/types.ts

@@ -153,7 +153,7 @@ export type FetchConsentContentParams = {
   baseUrl?: string;
   language?: string;
   specific_uuid?: string;
-  check_mode?: "all" | "required";
+  validate_against?: "all" | "required";
 };
 
 export type ConsentEventPayload = {

package/src/RedactoNoticeConsent/types.ts

@@ -12,7 +12,7 @@ export type Props = Readonly<{
   onDecline: () => void;
   onError?: (error: Error) => void;
   applicationId?: string;
-  checkMode?: "all" | "required";
+  validateAgainst?: "all" | "required";
 }>;
 
 export type PurposeTranslations = {