@redacto.io/consent-sdk-react 2.0.0 → 3.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,21 @@
+
+
+> @redacto.io/consent-sdk-react@2.1.0 build /Users/sadanmianredacto/Developer/consent-sdk/packages/consent-sdk-react
+> tsup
+
+CLI Building entry: {"index":"src/index.ts"}
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Using tsup config: /Users/sadanmianredacto/Developer/consent-sdk/packages/consent-sdk-react/tsup.config.ts
+CLI Target: es2019
+CLI Cleaning output folder
+ESM Build start
+CJS Build start
+ESM dist/index.mjs 151.83 KB
+ESM ⚡️ Build success in 13ms
+CJS dist/index.js 157.63 KB
+CJS ⚡️ Build success in 13ms
+DTS Build start
+DTS ⚡️ Build success in 671ms
+DTS dist/index.d.mts 2.79 KB
+DTS dist/index.d.ts  2.79 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @redacto.io/consent-sdk-react
 
+## 3.0.0
+
+### Major Changes
+
+- downgrade react version in sdk
+
+## 2.1.0
+
+### Minor Changes
+
+- accessibility voice over cahnges
+
 ## 2.0.0
 
 ### Major Changes

package/README.md

@@ -28,12 +28,10 @@ The SDK follows a client-server architecture pattern:
 ### How It Works
 
 1. **Your Backend Server**: Your server acts as a proxy between your React application and Redacto's API. It handles:
-
    - Generating access tokens
    - Token refresh operations
 
 2. **React Application**: Your React app uses the SDK components to:
-
    - Display consent notices
    - Collect user consent choices
    - Submit consent records to Redacto API
@@ -58,25 +56,21 @@ The SDK follows a client-server architecture pattern:
 ## Features
 
 - **Consent Notice Display**
-
   - Customizable consent notices
   - Multiple display formats (modal popup, inline form)
   - Responsive design
 
 - **Consent Collection**
-
   - User consent choices (accept, reject, manage preferences)
   - Granular consent management
   - Persistent consent storage
 
 - **API Integration**
-
   - Seamless communication with Redacto CMP API
   - Automatic error handling and retries
   - Token-based authentication
 
 - **Configuration**
-
   - Customizable UI settings
   - Language preferences
   - API endpoint configuration
@@ -194,7 +188,6 @@ app.post(
 Your backend needs to call the following Redacto API endpoints:
 
 1. **Generate Access Token**
-
    - **Endpoint**: `POST /public/organisations/{organisation_uuid}/workspaces/{workspace_uuid}/tokens/generate-access-token`
    - **Headers**: `X-CMS-API-Key: {your-cms-api-key}`
    - **Body**: `{ email, expires_in_days? }`
@@ -718,8 +711,8 @@ npm test --workspace=@redacto.io/consent-sdk-react
 
 ### Requirements
 
-- React 19.1.0 or higher
-- React DOM 19.1.0 or higher
+- React 16.8.0 or higher (including React 17, 18, and 19)
+- React DOM 16.8.0 or higher (including React DOM 17, 18, and 19)
 
 ### Additional Features
 
@@ -732,4 +725,4 @@ npm test --workspace=@redacto.io/consent-sdk-react
 
 ## License
 
-ISC
+Apache-2.0

package/dist/index.js

@@ -1962,12 +1962,19 @@ var RedactoNoticeConsent = ({
         const requiredElements = purpose.data_elements.filter(
           (el) => el.required
         );
-        const allRequiredElementsChecked = requiredElements.every(
-          (el) => newState[`${purposeUuid}-${el.uuid}`]
-        );
+        let shouldCheckPurpose;
+        if (requiredElements.length > 0) {
+          shouldCheckPurpose = requiredElements.every(
+            (el) => newState[`${purposeUuid}-${el.uuid}`]
+          );
+        } else {
+          shouldCheckPurpose = purpose.data_elements.every(
+            (el) => newState[`${purposeUuid}-${el.uuid}`]
+          );
+        }
         setSelectedPurposes((prevPurposes) => ({
           ...prevPurposes,
-          [purposeUuid]: allRequiredElementsChecked
+          [purposeUuid]: shouldCheckPurpose
         }));
       }
       return newState;

package/dist/index.mjs

@@ -1935,12 +1935,19 @@ var RedactoNoticeConsent = ({
         const requiredElements = purpose.data_elements.filter(
           (el) => el.required
         );
-        const allRequiredElementsChecked = requiredElements.every(
-          (el) => newState[`${purposeUuid}-${el.uuid}`]
-        );
+        let shouldCheckPurpose;
+        if (requiredElements.length > 0) {
+          shouldCheckPurpose = requiredElements.every(
+            (el) => newState[`${purposeUuid}-${el.uuid}`]
+          );
+        } else {
+          shouldCheckPurpose = purpose.data_elements.every(
+            (el) => newState[`${purposeUuid}-${el.uuid}`]
+          );
+        }
         setSelectedPurposes((prevPurposes) => ({
           ...prevPurposes,
-          [purposeUuid]: allRequiredElementsChecked
+          [purposeUuid]: shouldCheckPurpose
         }));
       }
       return newState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redacto.io/consent-sdk-react",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -19,9 +19,7 @@
     "access": "public"
   },
   "dependencies": {
-    "jwt-decode": "^4.0.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "jwt-decode": "^4.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -34,6 +32,10 @@
     "typescript": "5.8.2",
     "vitest": "^3.1.3"
   },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17 || ^18 || ^19",
+    "react-dom": "^16.8.0 || ^17 || ^18 || ^19"
+  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",

package/src/RedactoNoticeConsent/RedactoNoticeConsent.tsx

@@ -1320,13 +1320,24 @@ export const RedactoNoticeConsent = ({
         const requiredElements = purpose.data_elements.filter(
           (el) => el.required
         );
-        const allRequiredElementsChecked = requiredElements.every(
-          (el) => newState[`${purposeUuid}-${el.uuid}`]
-        );
+
+        let shouldCheckPurpose: boolean;
+
+        if (requiredElements.length > 0) {
+          // Has required elements: check purpose when all required are selected
+          shouldCheckPurpose = requiredElements.every(
+            (el) => newState[`${purposeUuid}-${el.uuid}`]
+          );
+        } else {
+          // No required elements: check purpose only when ALL elements are selected
+          shouldCheckPurpose = purpose.data_elements.every(
+            (el) => newState[`${purposeUuid}-${el.uuid}`]
+          );
+        }
 
         setSelectedPurposes((prevPurposes) => ({
           ...prevPurposes,
-          [purposeUuid]: allRequiredElementsChecked,
+          [purposeUuid]: shouldCheckPurpose,
         }));
       }