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

package/src/RedactoNoticeConsent/api/types.ts

@@ -157,9 +157,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;
@@ -179,9 +196,7 @@ export type ConsentEventPayload = {
       }>;
     }>;
   };
-  meta_data?: {
-    specific_uuid: string;
-  };
+  meta_data?: { specific_uuid: string };
 };
 
 export type DataElement = {

package/src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx

@@ -154,26 +154,24 @@ const RedactoConsentInlineComponent = ({
         language,
         specific_uuid: applicationId,
       });
-      setContent(consentContentData.detail.active_config);
-      if (consentContentData.detail.active_config.default_language) {
-        setSelectedLanguage(
-          consentContentData.detail.active_config.default_language
-        );
+      const activeConfig = consentContentData.detail.active_config;
+      setContent(activeConfig);
+      if (activeConfig.default_language) {
+        setSelectedLanguage(activeConfig.default_language);
       }
-      const initialCollapsedState =
-        consentContentData.detail.active_config.purposes.reduce(
-          (acc, purpose) => ({
-            ...acc,
-            [purpose.uuid]: true,
-          }),
-          {}
-        );
+      const initialCollapsedState = activeConfig.purposes.reduce(
+        (acc, purpose) => ({
+          ...acc,
+          [purpose.uuid]: true,
+        }),
+        {}
+      );
       setCollapsedPurposes(initialCollapsedState);
 
       // Initialize selected states
       // All elements start unchecked, but required elements cannot be unchecked once checked
       const initialDataElementState: Record<string, boolean> =
-        consentContentData.detail.active_config.purposes.reduce(
+        activeConfig.purposes.reduce(
           (acc: Record<string, boolean>, purpose) => {
             purpose.data_elements.forEach((element) => {
               const combinedId = `${purpose.uuid}-${element.uuid}`;
@@ -187,7 +185,7 @@ const RedactoConsentInlineComponent = ({
 
       // Initialize purpose states - all start unchecked
       const initialPurposeState: Record<string, boolean> =
-        consentContentData.detail.active_config.purposes.reduce(
+        activeConfig.purposes.reduce(
           (acc: Record<string, boolean>, purpose) => {
             return {
               ...acc,
@@ -198,7 +196,6 @@ const RedactoConsentInlineComponent = ({
         );
       setSelectedPurposes(initialPurposeState);
     } catch (err: unknown) {
-      console.error(err);
       const error = err as Error & { status?: number };
       setFetchError(error);
       if (error.status === 409) {
@@ -360,13 +357,12 @@ const RedactoConsentInlineComponent = ({
         // Reset ref on success to allow re-submission if needed
         hasSubmittedRef.current = false;
       } catch (error) {
-        console.error("Error submitting consent:", error);
         const err = error as Error & { status?: number };
-        if (err.status === 500) {
-          setErrorMessage(
-            "An error occurred while submitting your consent. Please try again later."
-          );
-        }
+        const message =
+          err.status === 500
+            ? "An error occurred while submitting your consent. Please try again later."
+            : err.message || "Failed to submit consent. Please try again.";
+        setErrorMessage(message);
         // Reset ref on error to allow retry
         hasSubmittedRef.current = false;
         throw error;
@@ -400,7 +396,6 @@ const RedactoConsentInlineComponent = ({
         try {
           await handleAcceptWithToken(accessToken);
         } catch (err) {
-          console.error("Failed to auto-submit consent:", err);
           hasSubmittedRef.current = false;
           onError?.(err as Error);
         }

package/src/RedactoNoticeConsentInline/api/index.ts

@@ -1,9 +1,11 @@
 import type {
   ConsentContent,
   ConsentEventPayload,
+  LegacyConsentEventPayload,
   FetchConsentContentParams,
   SubmitConsentEventParams,
 } from "./types";
+import { isLegacyApi } from "../../utils/isLegacyApi";
 
 const BASE_URL = "https://api.redacto.tech/consent";
 
@@ -58,7 +60,6 @@ export const fetchConsentContent = async ({
     const data = await response.json();
     return data;
   } catch (error) {
-    console.error("Error fetching consent content:", error);
     throw error;
   }
 };
@@ -74,33 +75,71 @@ export const submitConsentEvent = async ({
   meta_data,
 }: SubmitConsentEventParams): Promise<void> => {
   try {
-    const primaryEmail = localStorage.getItem("userEmail");
-    const payload: ConsentEventPayload = {
-      primary_email: primaryEmail || undefined,
-      notice_uuid: noticeUuid,
-      source: "WEB",
-      declined,
-      consents: {
-        purposes: purposes.map((purpose) => ({
-          uuid: purpose.uuid,
-          name: purpose.name,
-          description: purpose.description,
-          industries: purpose.industries || "",
-          selected: purpose.selected,
-          data_elements: purpose.data_elements.map((element) => ({
-            uuid: element.uuid,
-            name: element.name,
-            enabled: element.enabled,
-            required: element.required,
-            selected: element.required ? true : element.selected,
-          })),
-        })),
-      },
-      meta_data,
-    };
-
     const apiBaseUrl = baseUrl || BASE_URL;
 
+    let payload: ConsentEventPayload | LegacyConsentEventPayload;
+
+    if (isLegacyApi(apiBaseUrl)) {
+      // @deprecated Legacy payload for production (.io) backend
+      const primaryEmail = typeof window !== "undefined" ? localStorage.getItem("userEmail") : null;
+      payload = {
+        primary_email: primaryEmail || undefined,
+        notice_uuid: noticeUuid,
+        source: "WEB",
+        declined: Boolean(declined),
+        consents: {
+          purposes: purposes.map((purpose) => {
+            if (!purpose.uuid) {
+              throw new Error(`Invalid purpose data: missing uuid`);
+            }
+            return {
+              uuid: purpose.uuid,
+              name: purpose.name,
+              description: purpose.description || "",
+              industries: purpose.industries || "",
+              selected: Boolean(purpose.selected),
+              data_elements: (purpose.data_elements || []).map((element) => ({
+                uuid: element.uuid,
+                name: element.name,
+                enabled: Boolean(element.enabled),
+                required: Boolean(element.required),
+                selected: element.required ? true : Boolean(element.selected),
+              })),
+            };
+          }),
+        },
+        meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid } : undefined,
+      };
+    } else {
+      // New payload for staging (.tech) / localhost
+      payload = {
+        notice_uuid: noticeUuid,
+        purposes: purposes.map((purpose) => {
+          if (!purpose.uuid) {
+            throw new Error(`Invalid purpose data: missing uuid`);
+          }
+
+          // Only include enabled data elements (disabled elements are not selectable)
+          const dataElements = purpose.data_elements
+            .filter((element) => element.enabled)
+            .map((element) => ({
+              uuid: element.uuid,
+              selected: element.required ? true : Boolean(element.selected),
+            }));
+
+          return {
+            purpose_uuid: purpose.uuid,
+            selected: Boolean(purpose.selected),
+            data_elements: dataElements.length > 0 ? dataElements : undefined,
+          };
+        }),
+        select_all_mandatory: false,
+        source: "WEB",
+        declined,
+        meta_data,
+      };
+    }
+
     const response = await fetch(
       `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/submit-consent`,
       {
@@ -151,7 +190,6 @@ export const submitConsentEvent = async ({
       throw error;
     }
   } catch (error) {
-    console.error("Error submitting consent event:", error);
     throw error;
   }
 };

package/src/RedactoNoticeConsentInline/api/types.ts

@@ -132,9 +132,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 +171,7 @@ export type ConsentEventPayload = {
       }>;
     }>;
   };
-  meta_data?: {
-    specific_uuid: string;
-  };
+  meta_data?: { specific_uuid: string };
 };
 
 export type DataElement = {

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;
+    }
+  }
+}