@redacto.io/consent-sdk-react 3.2.0 → 3.4.0

package/src/RedactoNoticeConsentInline/api/types.ts

@@ -1,3 +1,5 @@
+import type { DpoInfo, DpoInfoTranslation } from "../../RedactoNoticeConsent/api/types";
+
 export type RedactoJwtPayload = {
   organisation_uuid: string;
   workspace_uuid: string;
@@ -33,7 +35,7 @@ export type ConsentContent = {
       decline_button_text: string;
       logo_url: string;
       privacy_policy_url: string;
-      sub_processors_url: string;
+      privacy_center_url: string;
       primary_color: string;
       secondary_color: string;
       font_preference: string;
@@ -59,26 +61,26 @@ export type ConsentContent = {
           confirm_button_text: string;
           decline_button_text: string;
           privacy_policy_prefix_text: string;
-          vendor_list_prefix_text: string;
           privacy_policy_anchor_text: string;
-          vendors_list_anchor_text: string;
+          privacy_center_anchor_text?: string;
           purpose_section_heading: string;
           data_elements: {
             [key: string]: string;
           };
           purposes: {
-            [key: string]: string;
+            [key: string]: string | { name: string; description: string };
           };
+          dpo_info?: DpoInfoTranslation;
         };
       };
       created_at: string;
       updated_at: string;
       deployed_at: string;
       privacy_policy_prefix_text: string;
-      vendor_list_prefix_text: string;
       privacy_policy_anchor_text: string;
-      vendors_list_anchor_text: string;
+      privacy_center_anchor_text?: string;
       purpose_section_heading: string;
+      dpo_info?: DpoInfo;
     };
     created_at: string;
     updated_at: string;
@@ -132,9 +134,26 @@ export type FetchConsentContentParams = {
 };
 
 export type ConsentEventPayload = {
-  org_user_id?: string;
+  notice_uuid: string;
+  purposes: Array<{
+    purpose_uuid: string;
+    selected: boolean;
+    data_elements?: Array<{
+      uuid: string;
+      selected: boolean;
+    }>;
+  }>;
+  select_all_mandatory: boolean;
+  source?: string;
+  declined?: boolean;
+  meta_data?: {
+    specific_uuid: string;
+  };
+};
+
+// @deprecated Remove when production backend supports the new payload format.
+export type LegacyConsentEventPayload = {
   primary_email?: string;
-  primary_mobile?: string;
   notice_uuid: string;
   source: string;
   declined: boolean;
@@ -154,9 +173,7 @@ export type ConsentEventPayload = {
       }>;
     }>;
   };
-  meta_data?: {
-    specific_uuid: string;
-  };
+  meta_data?: { specific_uuid: string };
 };
 
 export type DataElement = {

package/src/RedactoNoticeConsentInline/types.ts

@@ -1,4 +1,5 @@
 import type { Settings } from "./api/types";
+import type { DpoInfoTranslation } from "../RedactoNoticeConsent/api/types";
 
 export type Props = Readonly<{
   org_uuid: string;
@@ -16,8 +17,10 @@ export type Props = Readonly<{
   applicationId?: string;
 }>;
 
+export type PurposeTranslation = string | { name: string; description: string };
+
 export type PurposeTranslations = {
-  [purposeId: string]: string;
+  [purposeId: string]: PurposeTranslation;
 };
 
 export type DataElementTranslations = {
@@ -33,13 +36,15 @@ export type TranslationObject = {
   data_elements?: DataElementTranslations;
   purpose_section_heading?: string;
   privacy_policy_prefix_text?: string;
-  vendor_list_prefix_text?: string;
   privacy_policy_anchor_text?: string;
-  vendors_list_anchor_text?: string;
+  privacy_center_anchor_text?: string;
+  dpo_info?: DpoInfoTranslation;
   [key: string]:
     | string
     | PurposeTranslations
     | DataElementTranslations
-    | Record<string, string>
+    | DpoInfoTranslation
+    | Record<string, string | undefined>
+    | Record<string, string | { name: string; description: string }>
     | undefined;
 };

package/src/types/react-jsx.d.ts

@@ -0,0 +1,26 @@
+/**
+ * React 19 JSX compatibility: ensures intrinsic elements (div, button, etc.)
+ * and Element type align with React's types to fix "Element is not assignable to ReactNode".
+ * @see https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/71395
+ */
+import type React from "react";
+
+declare global {
+  namespace JSX {
+    type Element = React.ReactElement;
+  }
+}
+
+declare module "react/jsx-runtime" {
+  namespace JSX {
+    type Element = React.ReactElement;
+    interface IntrinsicElements extends React.JSX.IntrinsicElements {}
+  }
+}
+
+declare module "react/jsx-dev-runtime" {
+  namespace JSX {
+    type Element = React.ReactElement;
+    interface IntrinsicElements extends React.JSX.IntrinsicElements {}
+  }
+}

package/src/utils/isLegacyApi.ts

@@ -0,0 +1,12 @@
+// @deprecated Remove when production backend supports the new payload format.
+export function isLegacyApi(baseUrl: string): boolean {
+  try {
+    return new URL(baseUrl).hostname.endsWith(".redacto.io");
+  } catch {
+    try {
+      return new URL(`https://${baseUrl}`).hostname.endsWith(".redacto.io");
+    } catch {
+      return false;
+    }
+  }
+}

package/tests/mocks.ts

@@ -24,16 +24,28 @@ export const mockConsentContent: ConsentContent = {
       decline_button_text: "Decline",
       logo_url: "https://example.com/logo.png",
       privacy_policy_url: "https://example.com/privacy",
-      sub_processors_url: "https://example.com/vendors",
+      privacy_center_url: "https://example.com/privacy-center",
       primary_color: "#4f87ff",
       secondary_color: "#ffffff",
       font_preference: "Arial",
       privacy_policy_prefix_text: "",
-      vendor_list_prefix_text: "",
       privacy_policy_anchor_text: "Privacy Policy",
-      vendors_list_anchor_text: "Vendors List",
+      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",
@@ -42,21 +54,28 @@ export const mockConsentContent: ConsentContent = {
           notice_text: "Nos importa tu privacidad.",
           additional_text: "",
           privacy_policy_prefix_text: "",
-          vendor_list_prefix_text: "",
           privacy_policy_anchor_text: "Política de Privacidad",
-          vendors_list_anchor_text: "Lista de Proveedores",
           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": "Marketing",
-            "purpose-1-description": "Usamos datos para marketing.",
+            "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: [
@@ -176,6 +195,33 @@ export const mockReconsentContent: ConsentContent = {
   },
 } 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: {

package/tsconfig.json

@@ -8,11 +8,7 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "plugins": [
-      {
-        "name": "typescript-plugin-css-modules"
-      }
-    ]
+    "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },
   "include": ["src"]
 }