@redacto.io/consent-sdk-react 10.0.0-beta.9 → 10.0.0

package/tests/RevokeWarningMessage.test.tsx

@@ -1,151 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
-
-// react-i18next is an optional peer dep that is not installed in this
-// package's node_modules. Stub it with a minimal `useTranslation` that
-// resolves the keys used by the components under test, honouring the inline
-// English fallback passed as the 2nd argument (mirrors the real i18next
-// behaviour when a key is missing).
-vi.mock('react-i18next', () => {
-  const en: Record<string, string> = {
-    modifyConsent: 'Modify Consent',
-    closeModal: 'Close',
-    cancel: 'Cancel',
-    revokeConsent: 'Revoke Consent',
-    revokeConsentWarning: 'If you revoke this consent, you may lose access.',
-    regrantConsent: 'Regrant Consent',
-    regrantConsentWarning: 'Regranting will restore this consent.',
-    aboutToModifyConsent: 'You are about to modify this consent.',
-    aboutToRegrantConsent: 'You are about to regrant this consent.',
-    noDataElementsAvailable: 'No data elements available',
-    noActionsAvailable: 'No actions available for this record.',
-  };
-  const interpolate = (template: string, vars?: Record<string, unknown>) =>
-    template.replace(/\{\{(\w+)\}\}/g, (_match, key: string) => {
-      const value = vars?.[key];
-      return value === undefined || value === null ? '' : String(value);
-    });
-  // Supports the `t(key, fallbackString)` and `t(key, opts)` call shapes used
-  // across the components. When the key is unknown, fall back to the inline
-  // English string if one was supplied, otherwise echo the key.
-  const t = (key: string, second?: unknown, opts?: Record<string, unknown>) => {
-    const fallback = typeof second === 'string' ? second : undefined;
-    const interpolationOpts =
-      typeof second === 'object' && second !== null
-        ? (second as Record<string, unknown>)
-        : opts;
-    const template = en[key] ?? fallback ?? key;
-    return interpolate(template, interpolationOpts);
-  };
-  return {
-    useTranslation: () => ({ t, i18n: { language: 'en' } }),
-  };
-});
-
-// Icon peer deps — stub the icons used by the modal.
-vi.mock('lucide-react', () => ({
-  ChevronDownIcon: () => null,
-  X: () => null,
-  Smartphone: () => null,
-  LaptopMinimal: () => null,
-}));
-
-vi.mock('react-icons/pi', () => ({
-  PiWarningCircleBold: () => null,
-}));
-
-import { ModifyConsentModal } from '../src/RedactoPrivacyCenter/components/ModifyConsentModal';
-import { NavigationProvider } from '../src/RedactoPrivacyCenter/context/NavigationContext';
-import { ConsentStatusEnum } from '../src/RedactoPrivacyCenter/lib/types';
-import type { ConsentModalRecord } from '../src/RedactoPrivacyCenter/lib/types';
-
-const DEFAULT_WARNING = 'If you revoke this consent, you may lose access.';
-const CUSTOM_WARNING =
-  'Revoking marketing consent will stop all promotional emails immediately.';
-
-const makeRecord = (
-  overrides: Partial<ConsentModalRecord> = {},
-): ConsentModalRecord => ({
-  purpose_uuid: 'purpose-1',
-  name: 'Marketing analytics',
-  description: 'Improve product recommendations',
-  status: ConsentStatusEnum.ACTIVE,
-  given_date: '2026-01-01T00:00:00Z',
-  valid_till: null,
-  method: 'WEB',
-  data_elements: [],
-  link_reason: null,
-  product_uuid: 'prod-1',
-  product_name: 'Acme Loyalty',
-  product_description: null,
-  nominator: null,
-  ...overrides,
-});
-
-const renderModal = (record: ConsentModalRecord) =>
-  render(
-    <NavigationProvider>
-      <ModifyConsentModal
-        isOpen
-        onClose={vi.fn()}
-        selectedRecord={record}
-        isLoading={false}
-        onManageConsent={vi.fn()}
-      />
-    </NavigationProvider>,
-  );
-
-describe('per-purpose revoke warning message', () => {
-  it('shows the custom warning when revoke_warning_message is set on a revoke record', () => {
-    renderModal(makeRecord({ revoke_warning_message: CUSTOM_WARNING }));
-
-    expect(screen.getByText(CUSTOM_WARNING)).toBeInTheDocument();
-    // The localized default must be suppressed when a custom message exists.
-    expect(screen.queryByText(DEFAULT_WARNING)).not.toBeInTheDocument();
-    // Button label is untouched — still the default revoke copy.
-    expect(
-      screen.getByRole('button', { name: 'Revoke Consent' }),
-    ).toBeInTheDocument();
-  });
-
-  it('shows the localized default warning when revoke_warning_message is null', () => {
-    renderModal(makeRecord({ revoke_warning_message: null }));
-
-    expect(screen.getByText(DEFAULT_WARNING)).toBeInTheDocument();
-    expect(
-      screen.getByRole('button', { name: 'Revoke Consent' }),
-    ).toBeInTheDocument();
-  });
-
-  it('shows the localized default warning when revoke_warning_message is an empty string', () => {
-    renderModal(makeRecord({ revoke_warning_message: '' }));
-
-    expect(screen.getByText(DEFAULT_WARNING)).toBeInTheDocument();
-  });
-
-  it('shows the localized default warning when revoke_warning_message is absent (older backends)', () => {
-    renderModal(makeRecord()); // no `revoke_warning_message` field
-
-    expect(screen.getByText(DEFAULT_WARNING)).toBeInTheDocument();
-    expect(
-      screen.getByRole('button', { name: 'Revoke Consent' }),
-    ).toBeInTheDocument();
-  });
-
-  it('does not apply the custom revoke warning to the regrant branch', () => {
-    // A withdrawn record uses the regrant action; the per-purpose revoke
-    // message must never leak into the regrant warning.
-    renderModal(
-      makeRecord({
-        status: ConsentStatusEnum.WITHDRAWN,
-        revoke_warning_message: CUSTOM_WARNING,
-      }),
-    );
-
-    expect(screen.getByText('Regranting will restore this consent.')).toBeInTheDocument();
-    expect(screen.queryByText(CUSTOM_WARNING)).not.toBeInTheDocument();
-    expect(
-      screen.getByRole('button', { name: 'Regrant Consent' }),
-    ).toBeInTheDocument();
-  });
-});

package/tests/consentClient.test.ts

@@ -1,217 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { createConsentClient } from '../src/RedactoPrivacyCenter/api/client';
-import type { BaseRequest } from '../src/RedactoPrivacyCenter/api/client';
-
-// URL routing contract for the five consent read/write methods that moved to
-// the Go ledger in PR #438. With a ledgerBaseUrl they must hit the ledger's
-// /public/... paths; without one they must fall back to the legacy Python
-// /dsar/privacy-center paths (prod has no ledger — see PR #438/#460 regression
-// where the silent baseUrl fallback 404'd the Privacy Center).
-
-const BASE_URL = 'https://consent.test';
-const LEDGER_URL = 'https://ledger.test/consent-ledger';
-const LEGACY_PREFIX =
-  'https://consent.test/organisations/org-1/workspaces/ws-1/dsar/privacy-center';
-const LEDGER_PREFIX =
-  'https://ledger.test/consent-ledger/public/organisations/org-1/workspaces/ws-1';
-
-const baseRequest: BaseRequest = {
-  organisationUuid: 'org-1',
-  workspaceUuid: 'ws-1',
-  authToken: 'jwt-token',
-};
-
-const jsonResponse = () =>
-  new Response(JSON.stringify({}), {
-    status: 200,
-    headers: { 'Content-Type': 'application/json' },
-  });
-
-const pdfResponse = () =>
-  new Response(new Blob(['%PDF'], { type: 'application/pdf' }), {
-    status: 200,
-    headers: { 'Content-Type': 'application/pdf' },
-  });
-
-const mockFetch = vi.fn();
-
-const fetchedUrl = (): string => String(mockFetch.mock.calls[0]?.[0]);
-
-const fetchedBody = (): Record<string, unknown> =>
-  JSON.parse(String(mockFetch.mock.calls[0]?.[1]?.body)) as Record<
-    string,
-    unknown
-  >;
-
-beforeEach(() => {
-  mockFetch.mockReset();
-  mockFetch.mockImplementation(() => Promise.resolve(jsonResponse()));
-  vi.stubGlobal('fetch', mockFetch);
-});
-
-afterEach(() => {
-  vi.unstubAllGlobals();
-});
-
-describe('createConsentClient — legacy mode (no ledgerBaseUrl)', () => {
-  const client = createConsentClient(BASE_URL);
-
-  it('routes getUserConsents to the legacy dsar/privacy-center path', async () => {
-    await client.getUserConsents(baseRequest, { offset: 0, limit: 10 });
-    expect(fetchedUrl()).toBe(
-      `${LEGACY_PREFIX}/user-consents?offset=0&limit=10`,
-    );
-  });
-
-  it('routes getGroupPurposes to the legacy dsar/privacy-center path', async () => {
-    await client.getGroupPurposes(baseRequest, 'prod-1', { limit: 5 });
-    expect(fetchedUrl()).toBe(
-      `${LEGACY_PREFIX}/user-consents/prod-1/purposes?limit=5`,
-    );
-  });
-
-  it('routes manageConsent to the legacy manage-consent endpoint with the legacy body and no noticeUuid requirement', async () => {
-    await client.manageConsent(
-      baseRequest,
-      'purp-1',
-      'jane@example.com',
-      'revoke',
-      undefined,
-      undefined,
-      'nominator@example.com',
-      ['de-1'],
-      'prod-1',
-    );
-    expect(fetchedUrl()).toBe(`${LEGACY_PREFIX}/manage-consent?status=revoke`);
-    expect(fetchedBody()).toEqual({
-      purpose_uuid: 'purp-1',
-      contact: 'jane@example.com',
-      nominator_contact: 'nominator@example.com',
-      data_element_uuids: ['de-1'],
-      product_uuid: 'prod-1',
-    });
-  });
-
-  it('records the selected language in the legacy manage-consent body', async () => {
-    await client.manageConsent(
-      baseRequest,
-      'purp-1',
-      'jane@example.com',
-      'revoke',
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      'doi',
-    );
-    expect(fetchedBody()).toMatchObject({ language: 'doi' });
-  });
-
-  it('routes getReceipts to the legacy dsar/privacy-center path', async () => {
-    await client.getReceipts(baseRequest, { skip: 0, limit: 10 });
-    expect(fetchedUrl()).toBe(`${LEGACY_PREFIX}/receipts?skip=0&limit=10`);
-  });
-
-  it('routes getReceiptPdf to the legacy /pdf path', async () => {
-    mockFetch.mockImplementation(() => Promise.resolve(pdfResponse()));
-    await client.getReceiptPdf(baseRequest, 'r-1');
-    expect(fetchedUrl()).toBe(`${LEGACY_PREFIX}/receipts/r-1/pdf`);
-  });
-
-  it('appends the language query param to getActivities when provided', async () => {
-    await client.getActivities(baseRequest, 0, 15, 'doi');
-    expect(fetchedUrl()).toContain('language=doi');
-  });
-
-  it('omits the language query param from getActivities for the default language', async () => {
-    await client.getActivities(baseRequest, 0, 15);
-    expect(fetchedUrl()).not.toContain('language=');
-  });
-});
-
-describe('createConsentClient — ledger mode (ledgerBaseUrl set)', () => {
-  // Trailing slash must be trimmed from the configured ledger base.
-  const client = createConsentClient(BASE_URL, `${LEDGER_URL}/`);
-
-  it('routes getUserConsents to the ledger public path', async () => {
-    await client.getUserConsents(baseRequest, { offset: 0, limit: 10 });
-    expect(fetchedUrl()).toBe(
-      `${LEDGER_PREFIX}/user-consents?offset=0&limit=10`,
-    );
-  });
-
-  it('routes getGroupPurposes to the ledger public path', async () => {
-    await client.getGroupPurposes(baseRequest, 'prod-1', { limit: 5 });
-    expect(fetchedUrl()).toBe(
-      `${LEDGER_PREFIX}/user-consents/prod-1/purposes?limit=5`,
-    );
-  });
-
-  it('routes manageConsent to the ledger submit-consent with a partial payload', async () => {
-    await client.manageConsent(
-      baseRequest,
-      'purp-1',
-      'jane@example.com',
-      'revoke',
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      'notice-1',
-      [{ uuid: 'de-1', selected: true }],
-    );
-    expect(fetchedUrl()).toBe(`${LEDGER_PREFIX}/submit-consent`);
-    expect(fetchedBody()).toMatchObject({
-      notice_uuid: 'notice-1',
-      partial: true,
-      purposes: [
-        {
-          purpose_uuid: 'purp-1',
-          selected: false,
-          data_elements: [{ uuid: 'de-1', selected: false }],
-        },
-      ],
-    });
-  });
-
-  it('records the selected language in the ledger partial submit body', async () => {
-    await client.manageConsent(
-      baseRequest,
-      'purp-1',
-      'jane@example.com',
-      'revoke',
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      'notice-1',
-      [{ uuid: 'de-1', selected: true }],
-      'doi',
-    );
-    expect(fetchedBody()).toMatchObject({ language: 'doi' });
-  });
-
-  it('throws from manageConsent when noticeUuid is missing', async () => {
-    await expect(
-      client.manageConsent(baseRequest, 'purp-1', 'jane@example.com', 'revoke'),
-    ).rejects.toThrow('notice_uuid is required');
-    expect(mockFetch).not.toHaveBeenCalled();
-  });
-
-  it('routes getReceipts to the ledger public path', async () => {
-    await client.getReceipts(baseRequest, { skip: 0, limit: 10 });
-    expect(fetchedUrl()).toBe(`${LEDGER_PREFIX}/receipts?skip=0&limit=10`);
-  });
-
-  it('routes getReceiptPdf to the ledger /download path', async () => {
-    mockFetch.mockImplementation(() => Promise.resolve(pdfResponse()));
-    await client.getReceiptPdf(baseRequest, 'r-1');
-    expect(fetchedUrl()).toBe(`${LEDGER_PREFIX}/receipts/r-1/download`);
-  });
-});

package/tests/manageConsentServer.test.ts

@@ -1,38 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-
-import { manageConsentServer } from '../src/RedactoPrivacyCenter/api/actions';
-import type { createConsentClient } from '../src/RedactoPrivacyCenter/api/client';
-
-// manageConsentServer must honor the legacy Python response's `success` flag
-// (a 200 with { success: false } is a failure) while still treating the Go
-// ledger's ConsentEventResponse (no `success` key) as resolved-on-2xx.
-
-type ConsentClient = ReturnType<typeof createConsentClient>;
-
-const makeParams = (result: unknown) => ({
-  organizationId: 'org-1',
-  workspaceId: 'ws-1',
-  purposeId: 'purp-1',
-  contact: 'jane@example.com',
-  action: 'revoke' as const,
-  authToken: 'jwt-token',
-  consentClient: {
-    manageConsent: vi.fn().mockResolvedValue(result),
-  } as unknown as ConsentClient,
-});
-
-describe('manageConsentServer success detection', () => {
-  it('returns false for a legacy { success: false } response', async () => {
-    await expect(manageConsentServer(makeParams({ success: false }))).resolves.toBe(false);
-  });
-
-  it('returns true for a legacy { success: true } response', async () => {
-    await expect(manageConsentServer(makeParams({ success: true }))).resolves.toBe(true);
-  });
-
-  it('returns true for a ledger ConsentEventResponse (no success flag)', async () => {
-    await expect(
-      manageConsentServer(makeParams({ consent_event_uuid: 'evt-1' })),
-    ).resolves.toBe(true);
-  });
-});

package/tests/mocks.ts

@@ -1,257 +0,0 @@
-import type { ConsentContent } from "../src/RedactoNoticeConsent/api/types";
-import { vi } from "vitest";
-
-export const mockConsentContent: ConsentContent = {
-  code: 200,
-  status: "success",
-  detail: {
-    uuid: "notice-123",
-    name: "Privacy Notice",
-    organisation_uuid: "org-123",
-    workspace_uuid: "workspace-123",
-    collection_point_uuids: [],
-    collection_points: [],
-    active_config: {
-      uuid: "config-123",
-      notice_uuid: "notice-123",
-      organisation_uuid: "org-123",
-      workspace_uuid: "workspace-123",
-      version: 1,
-      status: "active",
-      notice_text: "We care about your privacy.",
-      additional_text: "",
-      confirm_button_text: "Accept",
-      decline_button_text: "Decline",
-      logo_url: "https://example.com/logo.png",
-      privacy_policy_url: "https://example.com/privacy",
-      privacy_center_url: "https://example.com/privacy-center",
-      primary_color: "#4f87ff",
-      secondary_color: "#ffffff",
-      font_preference: "Arial",
-      privacy_policy_prefix_text: "",
-      privacy_policy_anchor_text: "Privacy Policy",
-      privacy_center_anchor_text: "Privacy Center",
-      purpose_section_heading: "Manage Consent",
-      notice_banner_heading: "Privacy Notice",
-      dpo_info: {
-        grievance_text: "If you have any grievances related to data processing,",
-        grievance_anchor_text: "click here",
-        grievance_url: "https://example.com/grievance",
-        grievance_email: "grievance@example.com",
-        grievance_email_connector_text: "or email to",
-        dp_board_text: "In case we were not able to resolve your grievance, you can reach out to the Data Protection Board",
-        dp_board_anchor_text: "here",
-        dp_board_url: "https://example.com/dp-board",
-        dpo_text: "To connect with the Data Protection Officer,",
-        dpo_anchor_text: "Click here",
-        dpo_url: "https://example.com/dpo",
-      },
-      created_at: "2023-01-01T00:00:00Z",
-      updated_at: "2023-01-01T00:00:00Z",
-      deployed_at: "2023-01-01T00:00:00Z",
-      supported_languages_and_translations: {
-        es: {
-          notice_text: "Nos importa tu privacidad.",
-          additional_text: "",
-          privacy_policy_prefix_text: "",
-          privacy_policy_anchor_text: "Política de Privacidad",
-          confirm_button_text: "Aceptar",
-          decline_button_text: "Rechazar",
-          purpose_section_heading: "Gestionar Consentimiento",
-          notice_banner_heading: "Aviso de Privacidad",
-          privacy_center_anchor_text: "Centro de Privacidad",
-          purposes: {
-            "purpose-1": { name: "Marketing", description: "Usamos datos para marketing." },
-          },
-          data_elements: {
-            "element-1": "Email",
-            "element-2": "Phone",
-          },
-          dpo_info: {
-            grievance_text: "Si tiene alguna queja relacionada con el procesamiento de datos,",
-            grievance_anchor_text: "haga clic aquí",
-            grievance_email_connector_text: "o envíe un correo a",
-            dp_board_text: "En caso de que no hayamos podido resolver su queja, puede comunicarse con la Junta de Protección de Datos",
-            dp_board_anchor_text: "aquí",
-            dpo_text: "Para comunicarse con el Oficial de Protección de Datos,",
-            dpo_anchor_text: "Haga clic aquí",
-          },
-        },
-      },
-      purposes: [
-        {
-          uuid: "purpose-1",
-          name: "Marketing",
-          description: "We use data for marketing purposes.",
-          industries: "Marketing",
-          data_elements: [
-            {
-              uuid: "element-1",
-              name: "Email",
-              required: false,
-              description: null,
-              industries: null,
-              enabled: true,
-            },
-            {
-              uuid: "element-2",
-              name: "Phone",
-              required: true,
-              description: null,
-              industries: null,
-              enabled: true,
-            },
-          ],
-        },
-      ],
-      default_language: "en",
-    },
-    created_at: "2023-01-01T00:00:00Z",
-    updated_at: "2023-01-01T00:00:00Z",
-  },
-} as const;
-
-export const mockReconsentContent: ConsentContent = {
-  ...mockConsentContent,
-  detail: {
-    ...mockConsentContent.detail,
-    reconsent_required: true,
-    active_config: {
-      ...mockConsentContent.detail.active_config,
-      purposes: [
-        {
-          uuid: "purpose-1",
-          name: "Marketing",
-          description: "We use data for marketing purposes.",
-          industries: "Marketing",
-          data_elements: [
-            {
-              uuid: "element-1",
-              name: "Email",
-              required: false,
-              description: null,
-              industries: null,
-              enabled: true,
-            },
-            {
-              uuid: "element-2",
-              name: "Phone",
-              required: true,
-              description: null,
-              industries: null,
-              enabled: true,
-            },
-          ],
-        },
-        {
-          uuid: "purpose-2",
-          name: "Analytics",
-          description: "We use data for analytics purposes.",
-          industries: "Analytics",
-          data_elements: [
-            {
-              uuid: "element-3",
-              name: "Usage Data",
-              required: false,
-              description: null,
-              industries: null,
-              enabled: true,
-            },
-          ],
-        },
-      ],
-    },
-    purpose_selections: {
-      "purpose-1": {
-        selected: true,
-        status: "ACTIVE",
-        needs_reconsent: false,
-        data_elements: {
-          "element-1": {
-            selected: true,
-            enabled: true,
-            required: false,
-          },
-          "element-2": {
-            selected: true,
-            enabled: true,
-            required: true,
-          },
-        },
-      },
-      "purpose-2": {
-        selected: false,
-        status: "EXPIRED",
-        needs_reconsent: true,
-        data_elements: {
-          "element-3": {
-            selected: false,
-            enabled: true,
-            required: false,
-          },
-        },
-      },
-    },
-  },
-} as const;
-
-export const mockMagicLinkContent: ConsentContent = {
-  ...mockConsentContent,
-  detail: {
-    ...mockConsentContent.detail,
-    reconsent_required: false,
-    purpose_selections: {
-      "purpose-1": {
-        selected: true,
-        status: "ACTIVE",
-        needs_reconsent: false,
-        data_elements: {
-          "element-1": {
-            selected: true,
-            enabled: true,
-            required: false,
-          },
-          "element-2": {
-            selected: true,
-            enabled: true,
-            required: true,
-          },
-        },
-      },
-    },
-  },
-} as const;
-
-export const mockMinorConsentContent: ConsentContent = {
-  ...mockConsentContent,
-  detail: {
-    ...mockConsentContent.detail,
-    is_minor: true,
-  },
-} as const;
-
-export const defaultProps = {
-  noticeId: "notice-123",
-  org_uuid: "org-123",
-  workspace_uuid: "workspace-123",
-  notice_uuid: "notice-123",
-  ledgerBaseUrl: "https://ledger.test/consent-ledger",
-  accessToken: "mock-token",
-  refreshToken: "mock-refresh-token",
-  language: "en",
-  onAccept: vi.fn(),
-  onDecline: vi.fn(),
-  onError: vi.fn(),
-  settings: {
-    borderRadius: "8px",
-    backgroundColor: "#ffffff",
-    headingColor: "#101828",
-    textColor: "#344054",
-    button: {
-      accept: { backgroundColor: "#4f87ff", textColor: "#ffffff" },
-      decline: { backgroundColor: "#ffffff", textColor: "#000000" },
-      language: { backgroundColor: "#ffffff", textColor: "#344054" },
-    },
-    link: "#4f87ff",
-  },
-} as const;