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

package/dist/index.mjs

@@ -3,6 +3,21 @@ import { useCallback, useEffect as useEffect2, useMemo, useRef, useState as useS
 
 // src/RedactoNoticeConsent/api/index.ts
 import { jwtDecode } from "jwt-decode";
+
+// src/utils/isLegacyApi.ts
+function isLegacyApi(baseUrl) {
+  try {
+    return new URL(baseUrl).hostname.endsWith(".redacto.io");
+  } catch {
+    try {
+      return new URL(`https://${baseUrl}`).hostname.endsWith(".redacto.io");
+    } catch {
+      return false;
+    }
+  }
+}
+
+// src/RedactoNoticeConsent/api/index.ts
 var BASE_URL = "https://api.redacto.io/consent";
 var apiCache = /* @__PURE__ */ new Map();
 var CACHE_TTL = 5 * 60 * 1e3;
@@ -27,14 +42,6 @@ function decodeTokenSafely(token) {
     return null;
   }
 }
-var storage = {
-  getItem: (key) => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem(key);
-    }
-    return null;
-  }
-};
 var clearApiCache = () => {
   apiCache.clear();
 };
@@ -108,7 +115,6 @@ var fetchConsentContent = async ({
     }
     return data;
   } catch (error) {
-    console.error("Error fetching consent content:", error instanceof Error ? error.message : error);
     throw error;
   }
 };
@@ -134,42 +140,62 @@ var submitConsentEvent = async ({
     if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
       throw new Error("Invalid token: missing organization or workspace UUID");
     }
-    const primaryEmail = storage.getItem("userEmail");
-    const validatedPurposes = purposes.map((purpose) => {
-      if (!purpose.uuid || !purpose.name) {
-        throw new Error(`Invalid purpose data: missing uuid or name`);
-      }
-      return {
-        uuid: purpose.uuid,
-        name: purpose.name,
-        description: purpose.description || "",
-        industries: purpose.industries || "",
-        selected: Boolean(purpose.selected),
-        data_elements: (purpose.data_elements || []).map((element) => {
-          if (!element.uuid || !element.name) {
-            throw new Error(`Invalid data element: missing uuid or name`);
-          }
-          return {
-            uuid: element.uuid,
-            name: element.name,
-            enabled: Boolean(element.enabled),
-            required: Boolean(element.required),
-            selected: element.required ? true : Boolean(element.selected)
-          };
-        })
-      };
-    });
-    const payload = {
-      primary_email: primaryEmail || void 0,
-      notice_uuid: noticeUuid,
-      source: "WEB",
-      declined: Boolean(declined),
-      consents: {
-        purposes: validatedPurposes
-      },
-      meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid } : void 0
-    };
     const apiBaseUrl = baseUrl || BASE_URL;
+    let payload;
+    if (isLegacyApi(apiBaseUrl)) {
+      const primaryEmail = typeof window !== "undefined" ? localStorage.getItem("userEmail") : null;
+      payload = {
+        primary_email: primaryEmail || void 0,
+        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 } : void 0
+      };
+    } else {
+      const validatedPurposes = purposes.map((purpose) => {
+        if (!purpose.uuid) {
+          throw new Error(`Invalid purpose data: missing uuid`);
+        }
+        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 : void 0
+        };
+      });
+      payload = {
+        notice_uuid: noticeUuid,
+        purposes: validatedPurposes,
+        select_all_mandatory: false,
+        source: "WEB",
+        declined: Boolean(declined),
+        meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid } : void 0
+      };
+    }
     const response = await fetch(
       `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/submit-consent`,
       {
@@ -202,7 +228,6 @@ var submitConsentEvent = async ({
     }
     apiCache.clear();
   } catch (error) {
-    console.error("Error submitting consent event:", error instanceof Error ? error.message : error);
     throw error;
   }
 };
@@ -334,7 +359,6 @@ var fetchTTSAudioUrls = async ({
     const data = await response.json();
     return data;
   } catch (error) {
-    console.error("Error fetching TTS audio URLs:", error instanceof Error ? error.message : error);
     throw error;
   }
 };
@@ -872,7 +896,8 @@ var PurposeItem = ({
   onDataElementToggle,
   getTranslatedText,
   isAlreadyConsented,
-  selectedLanguage
+  selectedLanguage,
+  initialDataElementSelections = {}
 }) => {
   const headingStyle = useMemo(
     () => ({
@@ -1087,46 +1112,68 @@ var PurposeItem = ({
                   )}${dataElement.required ? " (required)" : ""}`
                 }
               ),
-              isAlreadyConsented && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    width: "16px",
-                    height: "16px",
-                    borderRadius: "50%",
-                    backgroundColor: "#10B981"
-                  },
-                  "aria-label": `Already consented to ${getTranslatedText(
-                    `data_elements.name`,
-                    dataElement.name,
-                    dataElement.uuid
-                  )}`,
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
+              isAlreadyConsented && /* @__PURE__ */ jsx(Fragment, { children: (() => {
+                const combinedId = `${purpose.uuid}-${dataElement.uuid}`;
+                const isCurrentlySelected = selectedDataElements[combinedId] || false;
+                const wasOriginallySelected = initialDataElementSelections[combinedId] || false;
+                if (isCurrentlySelected && wasOriginallySelected) {
+                  return /* @__PURE__ */ jsx(
+                    "div",
                     {
-                      width: "10",
-                      height: "10",
-                      viewBox: "0 0 10 10",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      "aria-hidden": "true",
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        width: "16px",
+                        height: "16px",
+                        borderRadius: "50%",
+                        backgroundColor: "#10B981"
+                      },
+                      "aria-label": `Already consented to ${getTranslatedText(
+                        `data_elements.name`,
+                        dataElement.name,
+                        dataElement.uuid
+                      )}`,
                       children: /* @__PURE__ */ jsx(
-                        "path",
+                        "svg",
                         {
-                          d: "M3 5L4.5 6.5L7.5 3.5",
-                          stroke: "white",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
+                          width: "10",
+                          height: "10",
+                          viewBox: "0 0 10 10",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              d: "M3 5L4.5 6.5L7.5 3.5",
+                              stroke: "white",
+                              strokeWidth: "1.5",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round"
+                            }
+                          )
                         }
                       )
                     }
-                  )
+                  );
+                } else {
+                  return /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      className: "redacto-checkbox-small",
+                      type: "checkbox",
+                      checked: isCurrentlySelected,
+                      onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid),
+                      "aria-label": `Select ${getTranslatedText(
+                        `data_elements.name`,
+                        dataElement.name,
+                        dataElement.uuid
+                      )}${dataElement.required ? " (required)" : ""}`
+                    }
+                  );
                 }
-              )
+              })() })
             ]
           },
           `${dataElement.uuid}-${selectedLanguage}`
@@ -1565,10 +1612,13 @@ var RedactoNoticeConsent = ({
   }
   const [isLoading, setIsLoading] = useState2(true);
   const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [isSubmittingAccept, setIsSubmittingAccept] = useState2(false);
+  const [isSubmittingDecline, setIsSubmittingDecline] = useState2(false);
   const [content, setContent] = useState2(null);
   const [categorizedPurposes, setCategorizedPurposes] = useState2(null);
   const [selectedPurposes, setSelectedPurposes] = useState2({});
   const [selectedDataElements, setSelectedDataElements] = useState2({});
+  const [initialDataElementSelections, setInitialDataElementSelections] = useState2({});
   const [collapsedPurposes, setCollapsedPurposes] = useState2({});
   const [hasAlreadyConsented, setHasAlreadyConsented] = useState2(false);
   const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = useState2(false);
@@ -1709,11 +1759,14 @@ var RedactoNoticeConsent = ({
     setCategorizedPurposes(null);
     setSelectedPurposes({});
     setSelectedDataElements({});
+    setInitialDataElementSelections({});
     setCollapsedPurposes({});
     setHasAlreadyConsented(false);
     setErrorMessage(null);
     setFetchError(null);
     setIsLoading(true);
+    setIsSubmittingAccept(false);
+    setIsSubmittingDecline(false);
     setShowAgeVerification(false);
     setShowGuardianForm(false);
     setIsSubmittingGuardian(false);
@@ -1796,14 +1849,15 @@ var RedactoNoticeConsent = ({
         validate_against: validateAgainst,
         signal: (_a2 = abortControllerRef.current) == null ? void 0 : _a2.signal
       });
-      setContent(consentContentData.detail.active_config);
-      if (consentContentData.detail.active_config.default_language) {
-        const defaultLang = consentContentData.detail.active_config.default_language;
+      const activeConfig = consentContentData.detail.active_config;
+      setContent(activeConfig);
+      if (activeConfig.default_language) {
+        const defaultLang = activeConfig.default_language;
         setSelectedLanguage(
           defaultLang === "en" || defaultLang === "EN" ? "English" : defaultLang
         );
       }
-      const initialCollapsedState = consentContentData.detail.active_config.purposes.reduce(
+      const initialCollapsedState = activeConfig.purposes.reduce(
         (acc, purpose) => ({
           ...acc,
           [purpose.uuid]: true
@@ -1814,13 +1868,13 @@ var RedactoNoticeConsent = ({
       const isReconsentRequired = consentContentData.detail.reconsent_required;
       const purposeSelections = consentContentData.detail.purpose_selections;
       const newCategorizedPurposes = isReconsentRequired ? {
-        alreadyConsented: consentContentData.detail.active_config.purposes.filter(
+        alreadyConsented: activeConfig.purposes.filter(
           (purpose) => {
             const selection = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid];
             return selection && (selection.status === "ACTIVE" || selection.status === "EXPIRED") && !selection.needs_reconsent;
           }
         ),
-        needsConsent: consentContentData.detail.active_config.purposes.filter(
+        needsConsent: activeConfig.purposes.filter(
           (purpose) => {
             const selection = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid];
             return !selection || selection.status !== "ACTIVE" || selection.needs_reconsent;
@@ -1828,7 +1882,7 @@ var RedactoNoticeConsent = ({
         )
       } : null;
       setCategorizedPurposes(newCategorizedPurposes);
-      const initialPurposeState = consentContentData.detail.active_config.purposes.reduce(
+      const initialPurposeState = activeConfig.purposes.reduce(
         (acc, purpose) => {
           if (isReconsentRequired && (purposeSelections == null ? void 0 : purposeSelections[purpose.uuid])) {
             acc[purpose.uuid] = purposeSelections[purpose.uuid].selected;
@@ -1840,7 +1894,7 @@ var RedactoNoticeConsent = ({
         {}
       );
       setSelectedPurposes(initialPurposeState);
-      const initialDataElementState = consentContentData.detail.active_config.purposes.reduce(
+      const initialDataElementState = activeConfig.purposes.reduce(
         (acc, purpose) => {
           purpose.data_elements.forEach((element) => {
             var _a3, _b2;
@@ -1856,6 +1910,23 @@ var RedactoNoticeConsent = ({
         {}
       );
       setSelectedDataElements(initialDataElementState);
+      if (isReconsentRequired && newCategorizedPurposes) {
+        const initialSelections = {};
+        newCategorizedPurposes.alreadyConsented.forEach((purpose) => {
+          purpose.data_elements.forEach((element) => {
+            var _a3, _b2;
+            const combinedId = `${purpose.uuid}-${element.uuid}`;
+            if ((_b2 = (_a3 = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid]) == null ? void 0 : _a3.data_elements) == null ? void 0 : _b2[element.uuid]) {
+              initialSelections[combinedId] = purposeSelections[purpose.uuid].data_elements[element.uuid].selected;
+            } else {
+              initialSelections[combinedId] = false;
+            }
+          });
+        });
+        setInitialDataElementSelections(initialSelections);
+      } else {
+        setInitialDataElementSelections({});
+      }
       if (consentContentData.detail.is_minor) {
         setShowAgeVerification(true);
       }
@@ -1864,7 +1935,6 @@ var RedactoNoticeConsent = ({
       if (err instanceof Error && err.name === "AbortError") {
         return;
       }
-      console.error(err);
       const error = err;
       setFetchError(error);
       if (error.status === 409) {
@@ -1956,6 +2026,7 @@ var RedactoNoticeConsent = ({
   const handleAccept = async () => {
     const submitController = new AbortController();
     try {
+      setIsSubmittingAccept(true);
       setIsSubmitting(true);
       setErrorMessage(null);
       if (content) {
@@ -1963,14 +2034,31 @@ var RedactoNoticeConsent = ({
           accessToken,
           baseUrl,
           noticeUuid: content.notice_uuid,
-          purposes: content.purposes.map((purpose) => ({
-            ...purpose,
-            selected: selectedPurposes[purpose.uuid] || false,
-            data_elements: purpose.data_elements.map((element) => ({
-              ...element,
-              selected: element.required ? true : selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
-            }))
-          })),
+          purposes: content.purposes.map((purpose) => {
+            const isAlreadyConsented = (categorizedPurposes == null ? void 0 : categorizedPurposes.alreadyConsented.some(
+              (p) => p.uuid === purpose.uuid
+            )) || false;
+            let purposeSelected = selectedPurposes[purpose.uuid] || false;
+            if (isAlreadyConsented) {
+              const wasModified = purpose.data_elements.some((element) => {
+                const combinedId = `${purpose.uuid}-${element.uuid}`;
+                const currentSelection = selectedDataElements[combinedId] || false;
+                const initialSelection = initialDataElementSelections[combinedId] || false;
+                return currentSelection !== initialSelection;
+              });
+              if (wasModified) {
+                purposeSelected = true;
+              }
+            }
+            return {
+              ...purpose,
+              selected: purposeSelected,
+              data_elements: purpose.data_elements.map((element) => ({
+                ...element,
+                selected: element.required ? true : selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
+              }))
+            };
+          }),
           declined: false,
           meta_data: applicationId ? { specific_uuid: applicationId } : void 0,
           signal: submitController.signal
@@ -1981,20 +2069,24 @@ var RedactoNoticeConsent = ({
       if (error instanceof Error && error.name === "AbortError") {
         return;
       }
-      console.error("Error submitting consent:", error);
       const err = error;
-      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);
       onError == null ? void 0 : onError(error);
     } finally {
+      setIsSubmittingAccept(false);
       setIsSubmitting(false);
     }
   };
   const handleDecline = useCallback(async () => {
-    onDecline == null ? void 0 : onDecline();
+    try {
+      setIsSubmittingDecline(true);
+      setIsSubmitting(true);
+      onDecline == null ? void 0 : onDecline();
+    } finally {
+      setIsSubmittingDecline(false);
+      setIsSubmitting(false);
+    }
   }, [onDecline]);
   const handleGuardianFormChange = useCallback(
     (field, value) => {
@@ -2361,7 +2453,6 @@ var RedactoNoticeConsent = ({
       setIsTTSAvailable(true);
     }).catch((error) => {
       if (error instanceof Error && error.name !== "AbortError") {
-        console.warn("Failed to fetch TTS audio URLs:", error.message);
         setIsTTSAvailable(false);
         setTtsAudioUrls(null);
       }
@@ -2968,7 +3059,8 @@ var RedactoNoticeConsent = ({
                       onDataElementToggle: handleDataElementCheckboxChange,
                       getTranslatedText,
                       isAlreadyConsented: true,
-                      selectedLanguage
+                      selectedLanguage,
+                      initialDataElementSelections
                     },
                     `${purpose.uuid}-${selectedLanguage}`
                   )),
@@ -3038,12 +3130,12 @@ var RedactoNoticeConsent = ({
                       opacity: acceptDisabled ? 0.5 : 1
                     },
                     onClick: handleAccept,
-                    disabled: acceptDisabled,
+                    disabled: acceptDisabled || isSubmittingDecline,
                     "aria-label": getTranslatedText(
                       "confirm_button_text",
                       (content == null ? void 0 : content.confirm_button_text) || "Accept"
                     ),
-                    children: isSubmitting ? "Processing..." : getTranslatedText(
+                    children: isSubmittingAccept ? "Processing..." : getTranslatedText(
                       "confirm_button_text",
                       (content == null ? void 0 : content.confirm_button_text) || "Accept"
                     )
@@ -3057,15 +3149,16 @@ var RedactoNoticeConsent = ({
                       ...styles.button,
                       ...responsiveStyles.button,
                       ...styles.cancelButton,
-                      ...declineButtonStyle
+                      ...declineButtonStyle,
+                      opacity: isSubmittingAccept ? 0.5 : 1
                     },
                     onClick: handleDecline,
-                    disabled: isSubmitting,
+                    disabled: isSubmittingDecline || isSubmittingAccept,
                     "aria-label": getTranslatedText(
                       "decline_button_text",
                       (content == null ? void 0 : content.decline_button_text) || "Decline"
                     ),
-                    children: isSubmitting ? "Processing..." : getTranslatedText(
+                    children: isSubmittingDecline ? "Processing..." : getTranslatedText(
                       "decline_button_text",
                       (content == null ? void 0 : content.decline_button_text) || "Decline"
                     )
@@ -3125,7 +3218,6 @@ var fetchConsentContent2 = async ({
     const data = await response.json();
     return data;
   } catch (error) {
-    console.error("Error fetching consent content:", error);
     throw error;
   }
 };
@@ -3141,31 +3233,61 @@ var submitConsentEvent2 = async ({
 }) => {
   var _a, _b;
   try {
-    const primaryEmail = localStorage.getItem("userEmail");
-    const payload = {
-      primary_email: primaryEmail || void 0,
-      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_URL2;
+    let payload;
+    if (isLegacyApi(apiBaseUrl)) {
+      const primaryEmail = typeof window !== "undefined" ? localStorage.getItem("userEmail") : null;
+      payload = {
+        primary_email: primaryEmail || void 0,
+        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 } : void 0
+      };
+    } else {
+      payload = {
+        notice_uuid: noticeUuid,
+        purposes: purposes.map((purpose) => {
+          if (!purpose.uuid) {
+            throw new Error(`Invalid purpose data: missing uuid`);
+          }
+          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 : void 0
+          };
+        }),
+        select_all_mandatory: false,
+        source: "WEB",
+        declined,
+        meta_data
+      };
+    }
     const response = await fetch(
       `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/submit-consent`,
       {
@@ -3202,7 +3324,6 @@ var submitConsentEvent2 = async ({
       throw error;
     }
   } catch (error) {
-    console.error("Error submitting consent event:", error);
     throw error;
   }
 };
@@ -3720,13 +3841,12 @@ var 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(
+      const initialCollapsedState = activeConfig.purposes.reduce(
         (acc, purpose) => ({
           ...acc,
           [purpose.uuid]: true
@@ -3734,7 +3854,7 @@ var RedactoConsentInlineComponent = ({
         {}
       );
       setCollapsedPurposes(initialCollapsedState);
-      const initialDataElementState = consentContentData.detail.active_config.purposes.reduce(
+      const initialDataElementState = activeConfig.purposes.reduce(
         (acc, purpose) => {
           purpose.data_elements.forEach((element) => {
             const combinedId = `${purpose.uuid}-${element.uuid}`;
@@ -3745,7 +3865,7 @@ var RedactoConsentInlineComponent = ({
         {}
       );
       setSelectedDataElements(initialDataElementState);
-      const initialPurposeState = consentContentData.detail.active_config.purposes.reduce(
+      const initialPurposeState = activeConfig.purposes.reduce(
         (acc, purpose) => {
           return {
             ...acc,
@@ -3756,7 +3876,6 @@ var RedactoConsentInlineComponent = ({
       );
       setSelectedPurposes(initialPurposeState);
     } catch (err) {
-      console.error(err);
       const error = err;
       setFetchError(error);
       if (error.status === 409) {
@@ -3871,13 +3990,9 @@ var RedactoConsentInlineComponent = ({
         onAccept == null ? void 0 : onAccept();
         hasSubmittedRef.current = false;
       } catch (error) {
-        console.error("Error submitting consent:", error);
         const err = error;
-        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);
         hasSubmittedRef.current = false;
         throw error;
       } finally {
@@ -3902,7 +4017,6 @@ var RedactoConsentInlineComponent = ({
         try {
           await handleAcceptWithToken(accessToken);
         } catch (err) {
-          console.error("Failed to auto-submit consent:", err);
           hasSubmittedRef.current = false;
           onError == null ? void 0 : onError(err);
         }

package/package.json

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