@redacto.io/consent-sdk-react 5.3.0 → 7.0.0

package/package.json

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

package/src/RedactoPrivacyCenter/PrivacyCenterLayout.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useState, useRef, type ReactNode } from 'react';
 import { OrganizationProvider } from './context/OrganizationContext';
-import { ThemeProvider } from './context/theme';
 import type { OrganizationDetail } from './lib/types';
 import {
   checkAndRefreshAuth,
@@ -14,12 +13,11 @@ import PrivacyCenterLayoutComponent from './components/PrivacyCenterLayout';
 
 interface PrivacyCenterLayoutProps {
   children: ReactNode;
-  defaultTheme?: 'light' | 'dark';
   slug: string;
   onBack?: 'back' | 'signout';
 }
 
-export function PrivacyCenterLayout({ children, defaultTheme, slug, onBack }: PrivacyCenterLayoutProps) {
+export function PrivacyCenterLayout({ children, slug, onBack }: PrivacyCenterLayoutProps) {
   const { consentClient } = useBaseUrl();
   // Read accessToken from AuthContext so this effect re-runs after AuthProvider
   // syncs JWT data to sessionStorage (fixes race condition where child effects
@@ -162,12 +160,10 @@ export function PrivacyCenterLayout({ children, defaultTheme, slug, onBack }: Pr
   }
 
   return (
-    <ThemeProvider defaultTheme={defaultTheme}>
-      <OrganizationProvider organization={organization}>
-        <PrivacyCenterLayoutComponent onBack={onBack}>
-          {children}
-        </PrivacyCenterLayoutComponent>
-      </OrganizationProvider>
-    </ThemeProvider>
+    <OrganizationProvider organization={organization}>
+      <PrivacyCenterLayoutComponent onBack={onBack}>
+        {children}
+      </PrivacyCenterLayoutComponent>
+    </OrganizationProvider>
   );
 }

package/src/RedactoPrivacyCenter/RedactoPrivacyCenter.tsx

@@ -7,6 +7,7 @@ import { AuthProvider } from './context/AuthContext';
 import { NavigationProvider } from './context/NavigationContext';
 import type { InternalPage } from './context/NavigationContext';
 import { PageChromeProvider } from './context/PageChromeContext';
+import { BrandingProvider } from './context/BrandingContext';
 import { injectPCStyles } from './styles/injectStyles';
 
 // Inject Privacy Center CSS styles on module load
@@ -15,7 +16,6 @@ injectPCStyles();
 interface RedactoPrivacyCenterProps {
   baseUrl: string; // Consent server base URL
   slug: string;
-  theme?: 'light' | 'dark';
   accessToken: string;
   refreshToken: string;
   onError: (error: Error) => boolean;
@@ -26,7 +26,6 @@ interface RedactoPrivacyCenterProps {
 export function RedactoPrivacyCenter({
   baseUrl,
   slug,
-  theme = 'light',
   accessToken,
   refreshToken,
   onError,
@@ -35,21 +34,23 @@ export function RedactoPrivacyCenter({
 }: RedactoPrivacyCenterProps) {
   return (
     <I18nextProvider i18n={i18n}>
-      <BaseUrlProvider baseUrl={baseUrl}>
-        <AuthProvider
-          accessToken={accessToken}
-          refreshToken={refreshToken}
-          onError={onError}
-        >
-          <NavigationProvider initialPage={initialPage}>
-            <PageChromeProvider>
-              <PrivacyCenterLayout defaultTheme={theme} slug={slug} onBack={onBack}>
-                <PrivacyCenterHomePage />
-              </PrivacyCenterLayout>
-            </PageChromeProvider>
-          </NavigationProvider>
-        </AuthProvider>
-      </BaseUrlProvider>
+      <BrandingProvider slug={slug}>
+        <BaseUrlProvider baseUrl={baseUrl}>
+          <AuthProvider
+            accessToken={accessToken}
+            refreshToken={refreshToken}
+            onError={onError}
+          >
+            <NavigationProvider initialPage={initialPage}>
+              <PageChromeProvider>
+                <PrivacyCenterLayout slug={slug} onBack={onBack}>
+                  <PrivacyCenterHomePage />
+                </PrivacyCenterLayout>
+              </PageChromeProvider>
+            </NavigationProvider>
+          </AuthProvider>
+        </BaseUrlProvider>
+      </BrandingProvider>
     </I18nextProvider>
   );
 }

package/src/RedactoPrivacyCenter/api/actions.ts

@@ -39,6 +39,7 @@ import type {
   UploadCaseDocumentParams,
   UploadDocumentResponse,
   UserConsentDetail,
+  GroupPurposesOut,
 } from '../lib/types';
 
 function buildBaseRequest(organizationId: string, workspaceId: string, authToken?: string): BaseRequest {
@@ -266,9 +267,10 @@ export async function fetchProductsServer(params: {
 export async function fetchUserConsentsServer(params: {
   organizationId: string;
   workspaceId: string;
-  contact: string;
   offset?: number;
   limit?: number;
+  nominatedOffset?: number;
+  nominatedLimit?: number;
   search?: string;
   status?: string;
   product_uuid?: string;
@@ -285,13 +287,16 @@ export async function fetchUserConsentsServer(params: {
 
     const result = await params.consentClient.getUserConsents(
       baseRequest,
-      params.contact,
-      params.offset,
-      params.limit,
-      params.search,
-      params.status,
-      params.product_uuid,
-      params.language,
+      {
+        offset: params.offset,
+        limit: params.limit,
+        nominated_offset: params.nominatedOffset,
+        nominated_limit: params.nominatedLimit,
+        status: params.status,
+        product_uuid: params.product_uuid,
+        search: params.search,
+        language: params.language,
+      },
       params.authToken
     );
 
@@ -301,6 +306,45 @@ export async function fetchUserConsentsServer(params: {
   }
 }
 
+export async function fetchGroupPurposesServer(params: {
+  organizationId: string;
+  workspaceId: string;
+  productUuid: string;
+  offset?: number;
+  limit?: number;
+  status?: string;
+  search?: string;
+  language?: string;
+  nominatorUuid?: string;
+  authToken?: string;
+  consentClient?: ReturnType<typeof import('./client').createConsentClient>;
+}): Promise<GroupPurposesOut | null> {
+  try {
+    if (!params.consentClient) {
+      throw new Error('Consent client is required');
+    }
+    const baseRequest = buildBaseRequest(params.organizationId, params.workspaceId, params.authToken);
+
+    const result = await params.consentClient.getGroupPurposes(
+      baseRequest,
+      params.productUuid,
+      {
+        offset: params.offset,
+        limit: params.limit,
+        status: params.status,
+        search: params.search,
+        language: params.language,
+        nominator_uuid: params.nominatorUuid,
+      },
+      params.authToken
+    );
+
+    return result as GroupPurposesOut;
+  } catch (error: any) {
+    return handleServerActionError(error, 'fetching group purposes');
+  }
+}
+
 export async function manageConsentServer(params: {
   organizationId: string;
   workspaceId: string;

package/src/RedactoPrivacyCenter/api/client.ts

@@ -338,29 +338,72 @@ export function createConsentClient(baseUrl: string) {
      */
     async getUserConsents(
       baseRequest: BaseRequest,
-      contact: string,
-      offset?: number,
-      limit?: number,
-      search?: string,
-      status?: string,
-      product_uuid?: string,
-      language?: string,
+      params: {
+        offset?: number;
+        limit?: number;
+        nominated_offset?: number;
+        nominated_limit?: number;
+        status?: string;
+        product_uuid?: string;
+        search?: string;
+        language?: string;
+      },
       authToken?: string,
       options?: Omit<ApiFetchOptions, "getAuthToken">
     ): Promise<unknown> {
       const queryParams = new URLSearchParams();
-      if (offset !== undefined) queryParams.append("offset", offset.toString());
-      if (limit !== undefined) queryParams.append("limit", limit.toString());
-      if (search) queryParams.append("search", search);
-      if (status) queryParams.append("status", status);
-      if (product_uuid) queryParams.append("product_uuid", product_uuid);
-      if (language) queryParams.append("language", language);
+      if (params.offset !== undefined) queryParams.append("offset", params.offset.toString());
+      if (params.limit !== undefined) queryParams.append("limit", params.limit.toString());
+      if (params.nominated_offset !== undefined) queryParams.append("nominated_offset", params.nominated_offset.toString());
+      if (params.nominated_limit !== undefined) queryParams.append("nominated_limit", params.nominated_limit.toString());
+      if (params.search) queryParams.append("search", params.search);
+      if (params.status) queryParams.append("status", params.status);
+      if (params.product_uuid) queryParams.append("product_uuid", params.product_uuid);
+      if (params.language) queryParams.append("language", params.language);
       const queryString = queryParams.toString();
       const url = privacyCenterUrl(baseRequest, `/user-consents${queryString ? `?${queryString}` : ""}`);
       return privacyCenterApiFetch(url, {
         ...options,
-        method: "POST",
-        body: JSON.stringify({ contact }),
+        method: "GET",
+        cache: "no-store",
+        authToken: resolveAuthToken(authToken, baseRequest),
+      });
+    },
+
+    /**
+     * Get purposes for a single product card (privacy center) — sister endpoint
+     * for lazy-loading purposes when a card returns has_more_purposes: true.
+     */
+    async getGroupPurposes(
+      baseRequest: BaseRequest,
+      productUuid: string,
+      params: {
+        offset?: number;
+        limit?: number;
+        status?: string;
+        search?: string;
+        language?: string;
+        nominator_uuid?: string;
+      },
+      authToken?: string,
+      options?: Omit<ApiFetchOptions, "getAuthToken">
+    ): Promise<unknown> {
+      const queryParams = new URLSearchParams();
+      if (params.offset !== undefined) queryParams.append("offset", params.offset.toString());
+      if (params.limit !== undefined) queryParams.append("limit", params.limit.toString());
+      if (params.status) queryParams.append("status", params.status);
+      if (params.search) queryParams.append("search", params.search);
+      if (params.language) queryParams.append("language", params.language);
+      if (params.nominator_uuid) queryParams.append("nominator_uuid", params.nominator_uuid);
+      const queryString = queryParams.toString();
+      const url = privacyCenterUrl(
+        baseRequest,
+        `/user-consents/${productUuid}/purposes${queryString ? `?${queryString}` : ""}`
+      );
+      return privacyCenterApiFetch(url, {
+        ...options,
+        method: "GET",
+        cache: "no-store",
         authToken: resolveAuthToken(authToken, baseRequest),
       });
     },

package/src/RedactoPrivacyCenter/api/orgBranding.ts

@@ -0,0 +1,9 @@
+import { apiFetch } from './fetcher';
+import type { OrgBrandingDetail } from '../lib/types';
+
+const USER_SERVER_BASE_URL = 'https://api.redacto.tech/user/api/0';
+
+export async function fetchOrgBranding(slug: string): Promise<OrgBrandingDetail> {
+  const url = `${USER_SERVER_BASE_URL}/public/org-branding/by-slug/${encodeURIComponent(slug)}`;
+  return apiFetch<OrgBrandingDetail>(url, { method: 'GET' });
+}