@redacto.io/consent-sdk-react 10.0.0-beta.8 → 10.0.0-beta.9

package/dist/privacy-center.mjs

@@ -1,6 +1,7 @@
 import {
+  SANDBOX_TOKEN_HEADER,
   useMediaQuery
-} from "./chunk-6A665OPR.mjs";
+} from "./chunk-OGL6OC3A.mjs";
 
 // src/RedactoPrivacyCenter/RedactoPrivacyCenter.tsx
 import { I18nextProvider } from "react-i18next";
@@ -8098,6 +8099,33 @@ import {
   useState as useState2
 } from "react";
 
+// src/RedactoPrivacyCenter/lib/sandbox.ts
+var sandboxConfig = null;
+var setSandboxConfig = (config) => {
+  sandboxConfig = config;
+};
+var getSandboxConfig = () => sandboxConfig;
+var isSandboxMode = () => sandboxConfig !== null;
+var sandboxAuthHeaders = () => {
+  if (!sandboxConfig) {
+    return null;
+  }
+  return {
+    [SANDBOX_TOKEN_HEADER]: sandboxConfig.token
+  };
+};
+var sandboxBodyIdentity = () => {
+  if (!sandboxConfig) {
+    return null;
+  }
+  if (sandboxConfig.ucic) {
+    return { org_user_id: sandboxConfig.ucic };
+  }
+  return sandboxConfig.subject.includes("@") ? { primary_email: sandboxConfig.subject } : { primary_mobile: sandboxConfig.subject };
+};
+var sandboxQueryIdentity = () => sandboxBodyIdentity();
+var sandboxContact = () => sandboxConfig ? sandboxConfig.ucic || sandboxConfig.subject : null;
+
 // src/RedactoPrivacyCenter/api/fetcher.ts
 var ApiError = class _ApiError extends Error {
   constructor(message, options = {}) {
@@ -8144,11 +8172,18 @@ async function apiFetch(url, options = {}) {
     }
   }
   if (getAuthToken) {
-    const token = await getAuthToken();
-    if (token) {
-      const trimmedToken = token.trim();
-      requestHeaders.set("X-Auth-Token", trimmedToken);
-      requestHeaders.set("x-auth-token", trimmedToken);
+    const sandboxHeaders = sandboxAuthHeaders();
+    if (sandboxHeaders) {
+      Object.entries(sandboxHeaders).forEach(([key, value]) => {
+        requestHeaders.set(key, value);
+      });
+    } else {
+      const token = await getAuthToken();
+      if (token) {
+        const trimmedToken = token.trim();
+        requestHeaders.set("X-Auth-Token", trimmedToken);
+        requestHeaders.set("x-auth-token", trimmedToken);
+      }
     }
   }
   const fetchOptionsFinal = {
@@ -8887,6 +8922,7 @@ var MAX_REFRESH_BACKOFF_MS = 3e5;
 var REFRESH_TOKEN_STORAGE_KEY = "redacto_pc_refresh_token";
 var LEGACY_REFRESH_TOKEN_COOKIE = "refresh_token";
 var FORM_PICKER_GROUP_LIMIT = 100;
+var LEGACY_PRODUCT_GROUP_UUID = "__legacy_flat_purposes__";
 var POLL_INTERVAL = 3e4;
 var NOTIFICATION_PAGE_SIZE = 10;
 var NOTIFICATION_DROPDOWN_LIMIT = 5;
@@ -9114,6 +9150,9 @@ var getInitialState = (slug) => {
 };
 var checkAndRefreshAuth = async (expectedSlug, organizationId, workspaceId, consentClient) => {
   if (typeof window === "undefined") return false;
+  if (getSandboxConfig()) {
+    return true;
+  }
   const accessToken = sessionStorage.getItem("access_token");
   const email = sessionStorage.getItem("email");
   const orgSlug = sessionStorage.getItem("pc_org_slug");
@@ -9224,6 +9263,10 @@ var signOutPrivacyCenter = () => {
 };
 var ensureValidToken = async (organizationId, workspaceId, slug, authContext, consentClient) => {
   if (typeof window === "undefined") return null;
+  const sandbox = getSandboxConfig();
+  if (sandbox) {
+    return sandbox.token;
+  }
   const accessToken = (authContext == null ? void 0 : authContext.accessToken) || sessionStorage.getItem("access_token");
   if (accessToken && typeof accessToken === "string" && accessToken.trim() !== "" && !isJwtExpired(accessToken, TOKEN_EXPIRY_BUFFER_SECONDS)) {
     return accessToken;
@@ -9799,6 +9842,45 @@ function useCurrentLanguage() {
 import { createContext as createContext2, useContext as useContext2, useState, useEffect, useCallback as useCallback2, useMemo } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var AuthContext = createContext2(null);
+var seedSessionStorage = (data) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (data.accessToken) sessionStorage.setItem("access_token", data.accessToken);
+  if (data.orgId) sessionStorage.setItem("pc_org_id", data.orgId);
+  if (data.workspaceId) sessionStorage.setItem("pc_workspace_id", data.workspaceId);
+  if (data.slug) sessionStorage.setItem("pc_org_slug", data.slug);
+  if (data.contact) sessionStorage.setItem("email", data.contact);
+};
+var configureSandbox = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const token = (_a = props.token) == null ? void 0 : _a.trim();
+  if (!token) {
+    setSandboxConfig(null);
+    return false;
+  }
+  const organisationUuid = (_c = (_b = props.organisationUuid) == null ? void 0 : _b.trim()) != null ? _c : "";
+  const workspaceUuid = (_e = (_d = props.workspaceUuid) == null ? void 0 : _d.trim()) != null ? _e : "";
+  const ucic = (_g = (_f = props.sandboxUcic) == null ? void 0 : _f.trim()) != null ? _g : "";
+  const subject = (_i = (_h = props.sandboxSubject) == null ? void 0 : _h.trim()) != null ? _i : "";
+  const slug = (_k = (_j = props.slug) == null ? void 0 : _j.trim()) != null ? _k : "";
+  setSandboxConfig({
+    token,
+    ucic: ucic || void 0,
+    subject,
+    organisationUuid,
+    workspaceUuid,
+    slug
+  });
+  seedSessionStorage({
+    accessToken: token,
+    orgId: organisationUuid,
+    workspaceId: workspaceUuid,
+    slug,
+    contact: ucic || subject
+  });
+  return true;
+};
 var syncJwtDataToSessionStorage = (accessToken) => {
   if (typeof window === "undefined") return;
   const decoded = decodeJwtToken(accessToken);
@@ -9806,44 +9888,49 @@ var syncJwtDataToSessionStorage = (accessToken) => {
     return;
   }
   const contact = resolveContactFromJwt(decoded) || sessionStorage.getItem("email") || (typeof localStorage !== "undefined" ? localStorage.getItem("userEmail") : null);
-  if (contact && typeof contact === "string") {
-    sessionStorage.setItem("email", contact);
-  }
-  const orgUuid = decoded.organisation_uuid;
-  if (orgUuid && typeof orgUuid === "string") {
-    sessionStorage.setItem("pc_org_id", orgUuid);
-  }
-  const workspaceUuid = decoded.workspace_uuid;
-  if (workspaceUuid && typeof workspaceUuid === "string") {
-    sessionStorage.setItem("pc_workspace_id", workspaceUuid);
-  }
-  const orgSlug = decoded.organisation_slug;
-  if (orgSlug && typeof orgSlug === "string") {
-    sessionStorage.setItem("pc_org_slug", orgSlug);
-  }
+  seedSessionStorage({
+    orgId: typeof decoded.organisation_uuid === "string" ? decoded.organisation_uuid : void 0,
+    workspaceId: typeof decoded.workspace_uuid === "string" ? decoded.workspace_uuid : void 0,
+    slug: typeof decoded.organisation_slug === "string" ? decoded.organisation_slug : void 0,
+    contact: typeof contact === "string" ? contact : void 0
+  });
 };
-var AuthProvider = ({
-  children,
-  accessToken: initialAccessToken,
-  refreshToken: initialRefreshToken,
-  onError
-}) => {
+var AuthProvider = (props) => {
+  const {
+    children,
+    accessToken: initialAccessToken,
+    refreshToken: initialRefreshToken,
+    token: sandboxToken,
+    sandboxUcic,
+    sandboxSubject,
+    organisationUuid,
+    workspaceUuid,
+    slug,
+    onError
+  } = props;
+  const [sandboxActive] = useState(() => configureSandbox(props));
   const [accessToken, setAccessToken] = useState(() => {
+    if (sandboxActive) {
+      return sandboxToken != null ? sandboxToken : "";
+    }
     if (initialAccessToken && typeof initialAccessToken === "string" && initialAccessToken.trim() !== "") {
       if (typeof window !== "undefined") {
         sessionStorage.setItem("access_token", initialAccessToken);
         syncJwtDataToSessionStorage(initialAccessToken);
       }
     }
-    return initialAccessToken;
+    return initialAccessToken != null ? initialAccessToken : "";
   });
   const [refreshToken, setRefreshToken] = useState(() => {
+    if (sandboxActive) {
+      return "";
+    }
     if (initialRefreshToken && typeof initialRefreshToken === "string" && initialRefreshToken.trim() !== "") {
       if (typeof window !== "undefined") {
         setRefreshTokenCookie(initialRefreshToken);
       }
     }
-    return initialRefreshToken;
+    return initialRefreshToken != null ? initialRefreshToken : "";
   });
   const [sessionExpired, setSessionExpired] = useState(false);
   const markSessionExpired = useCallback2(() => setSessionExpired(true), []);
@@ -9852,6 +9939,9 @@ var AuthProvider = ({
     return () => setSessionExpiredListener(null);
   }, [markSessionExpired]);
   useEffect(() => {
+    if (sandboxActive) {
+      return;
+    }
     if (initialAccessToken && typeof initialAccessToken === "string" && initialAccessToken.trim() !== "") {
       setAccessToken(initialAccessToken);
       if (typeof window !== "undefined") {
@@ -9859,8 +9949,11 @@ var AuthProvider = ({
         syncJwtDataToSessionStorage(initialAccessToken);
       }
     }
-  }, [initialAccessToken]);
+  }, [initialAccessToken, sandboxActive]);
   useEffect(() => {
+    if (sandboxActive) {
+      return;
+    }
     if (initialRefreshToken && typeof initialRefreshToken === "string" && initialRefreshToken.trim() !== "") {
       setRefreshToken(initialRefreshToken);
       setSessionExpired(false);
@@ -9868,7 +9961,14 @@ var AuthProvider = ({
         setRefreshTokenCookie(initialRefreshToken);
       }
     }
-  }, [initialRefreshToken]);
+  }, [initialRefreshToken, sandboxActive]);
+  useEffect(() => {
+    if (!sandboxActive) {
+      return;
+    }
+    configureSandbox(props);
+    return () => setSandboxConfig(null);
+  }, [sandboxActive, sandboxToken, sandboxUcic, sandboxSubject, organisationUuid, workspaceUuid, slug]);
   const updateTokens = useCallback2((newAccessToken, newRefreshToken) => {
     setAccessToken(newAccessToken);
     if (newRefreshToken) {
@@ -9905,7 +10005,8 @@ import { createContext as createContext3, useContext as useContext3, useMemo as
 
 // src/RedactoPrivacyCenter/api/client.ts
 function createConsentClient(baseUrl, ledgerBaseUrl) {
-  const useLedger = Boolean(ledgerBaseUrl);
+  const ledgerConfigured = Boolean(ledgerBaseUrl);
+  const useLedger = () => ledgerConfigured && !isSandboxMode();
   const ledgerBase = (ledgerBaseUrl != null ? ledgerBaseUrl : "").replace(/\/$/, "");
   async function privacyCenterApiFetch(url, options) {
     const { authToken, getAuthToken, headers = {}, ...fetchOptions } = options;
@@ -9930,11 +10031,18 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
         );
       }
     }
-    const token = authToken || (getAuthToken ? await getAuthToken() : null);
-    if (token) {
-      const trimmedToken = token.trim();
-      const bearerToken = trimmedToken.startsWith("Bearer ") ? trimmedToken : `Bearer ${trimmedToken}`;
-      requestHeaders.set("Authorization", bearerToken);
+    const sandboxHeaders = sandboxAuthHeaders();
+    if (sandboxHeaders) {
+      Object.entries(sandboxHeaders).forEach(([key, value]) => {
+        requestHeaders.set(key, value);
+      });
+    } else {
+      const token = authToken || (getAuthToken ? await getAuthToken() : null);
+      if (token) {
+        const trimmedToken = token.trim();
+        const bearerToken = trimmedToken.startsWith("Bearer ") ? trimmedToken : `Bearer ${trimmedToken}`;
+        requestHeaders.set("Authorization", bearerToken);
+      }
     }
     const fetchOptionsFinal = {
       ...fetchOptions,
@@ -10000,7 +10108,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
     return `${baseUrl}/organisations/${baseRequest.organisationUuid}/workspaces/${baseRequest.workspaceUuid}/dsar/privacy-center${path}`;
   }
   function ledgerUrl(baseRequest, path) {
-    if (!useLedger) {
+    if (!useLedger()) {
       throw new Error("ledgerUrl called without a configured ledgerBaseUrl");
     }
     return `${ledgerBase}/public/organisations/${baseRequest.organisationUuid}/workspaces/${baseRequest.workspaceUuid}${path}`;
@@ -10009,11 +10117,30 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
     return privacyCenterUrl(baseRequest, `/cases/${caseUuid}${path}`);
   }
   function notificationUrl(baseRequest, path = "") {
-    return privacyCenterUrl(baseRequest, `/notifications${path}`);
+    const identitySuffix = sandboxIdentitySuffix();
+    if (!identitySuffix) {
+      return privacyCenterUrl(baseRequest, `/notifications${path}`);
+    }
+    const separator = path.includes("?") ? `&${identitySuffix.slice(1)}` : identitySuffix;
+    return privacyCenterUrl(baseRequest, `/notifications${path}${separator}`);
   }
   function resolveAuthToken(authToken, baseRequest) {
     return authToken || baseRequest.authToken;
   }
+  function appendSandboxIdentity(queryParams) {
+    const identity = sandboxQueryIdentity();
+    if (identity) {
+      Object.entries(identity).forEach(([key, value]) => {
+        queryParams.append(key, value);
+      });
+    }
+  }
+  function sandboxIdentitySuffix() {
+    const queryParams = new URLSearchParams();
+    appendSandboxIdentity(queryParams);
+    const queryString = queryParams.toString();
+    return queryString ? `?${queryString}` : "";
+  }
   return {
     /**
      * Get form data (privacy center)
@@ -10045,18 +10172,20 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
     async createCaseRequest(baseRequest, payload, authToken, options) {
       const url = privacyCenterUrl(baseRequest, "/case");
       const { useSessionAuth = false, getAuthToken, ...fetchOptions } = options || {};
+      const contact = sandboxContact();
+      const requestPayload = contact && payload && typeof payload === "object" ? { ...payload, contact } : payload;
       if (useSessionAuth) {
         return apiFetch(url, {
           ...fetchOptions,
           method: "POST",
-          body: JSON.stringify(payload),
+          body: JSON.stringify(requestPayload),
           getAuthToken
         });
       }
       return privacyCenterApiFetch(url, {
         ...fetchOptions,
         method: "POST",
-        body: JSON.stringify(payload),
+        body: JSON.stringify(requestPayload),
         authToken: resolveAuthToken(authToken, baseRequest)
       });
     },
@@ -10137,9 +10266,10 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
       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);
+      appendSandboxIdentity(queryParams);
       const queryString = queryParams.toString();
       const suffix = `/user-consents${queryString ? `?${queryString}` : ""}`;
-      const url = useLedger ? ledgerUrl(baseRequest, suffix) : privacyCenterUrl(baseRequest, suffix);
+      const url = useLedger() ? ledgerUrl(baseRequest, suffix) : privacyCenterUrl(baseRequest, suffix);
       return privacyCenterApiFetch(url, {
         ...options,
         method: "GET",
@@ -10159,9 +10289,10 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
       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);
+      appendSandboxIdentity(queryParams);
       const queryString = queryParams.toString();
       const suffix = `/user-consents/${productUuid}/purposes${queryString ? `?${queryString}` : ""}`;
-      const url = useLedger ? ledgerUrl(baseRequest, suffix) : privacyCenterUrl(baseRequest, suffix);
+      const url = useLedger() ? ledgerUrl(baseRequest, suffix) : privacyCenterUrl(baseRequest, suffix);
       return privacyCenterApiFetch(url, {
         ...options,
         method: "GET",
@@ -10185,7 +10316,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * used with its `{ purpose_uuid, contact, ... }` payload.
      */
     async manageConsent(baseRequest, purposeId, contact, status, authToken, options, nominatorContact, dataElementUuids, productUuid, noticeUuid, dataElements, language) {
-      if (!useLedger) {
+      if (!useLedger()) {
         const url2 = privacyCenterUrl(baseRequest, `/manage-consent?status=${status}`);
         const body2 = { purpose_uuid: purposeId, contact };
         if (nominatorContact) {
@@ -10253,6 +10384,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
       if (offset !== void 0) queryParams.append("offset", offset.toString());
       if (limit !== void 0) queryParams.append("limit", limit.toString());
       if (language) queryParams.append("language", language);
+      appendSandboxIdentity(queryParams);
       const queryString = queryParams.toString();
       const url = privacyCenterUrl(baseRequest, `/activities${queryString ? `?${queryString}` : ""}`);
       return privacyCenterApiFetch(url, {
@@ -10302,7 +10434,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
       if (params.language) queryParams.append("language", params.language);
       const queryString = queryParams.toString();
       const receiptsSuffix = `/receipts${queryString ? `?${queryString}` : ""}`;
-      const url = useLedger ? ledgerUrl(baseRequest, receiptsSuffix) : privacyCenterUrl(baseRequest, receiptsSuffix);
+      const url = useLedger() ? ledgerUrl(baseRequest, receiptsSuffix) : privacyCenterUrl(baseRequest, receiptsSuffix);
       return privacyCenterApiFetch(url, {
         ...options,
         method: "GET",
@@ -10317,11 +10449,16 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * and the Authorization header must be sent (anchor navigation wouldn't carry it).
      */
     async getReceiptPdf(baseRequest, receiptUuid, authToken) {
-      const url = useLedger ? ledgerUrl(baseRequest, `/receipts/${receiptUuid}/download`) : privacyCenterUrl(baseRequest, `/receipts/${receiptUuid}/pdf`);
+      const url = useLedger() ? ledgerUrl(baseRequest, `/receipts/${receiptUuid}/download`) : privacyCenterUrl(baseRequest, `/receipts/${receiptUuid}/pdf`);
       const token = resolveAuthToken(authToken, baseRequest);
       const requestHeaders = new Headers();
       requestHeaders.set("Accept", "application/pdf");
-      if (token) {
+      const sandboxHeaders = sandboxAuthHeaders();
+      if (sandboxHeaders) {
+        Object.entries(sandboxHeaders).forEach(([key, value]) => {
+          requestHeaders.set(key, value);
+        });
+      } else if (token) {
         const trimmedToken = token.trim();
         requestHeaders.set(
           "Authorization",
@@ -10352,6 +10489,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
       if (offset !== void 0) queryParams.append("offset", offset.toString());
       if (limit !== void 0) queryParams.append("limit", limit.toString());
       if (language) queryParams.append("language", language);
+      appendSandboxIdentity(queryParams);
       const queryString = queryParams.toString();
       const url = privacyCenterUrl(baseRequest, `/cases?${queryString}`);
       return privacyCenterApiFetch(url, {
@@ -10364,7 +10502,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * Get messages for a case (privacy center)
      */
     async getCaseMessages(baseRequest, caseUuid, authToken) {
-      const url = caseUrl(baseRequest, caseUuid, "/messages");
+      const url = caseUrl(baseRequest, caseUuid, `/messages${sandboxIdentitySuffix()}`);
       return privacyCenterApiFetch(url, {
         authToken: resolveAuthToken(authToken, baseRequest)
       });
@@ -10373,7 +10511,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * Send a message on a case (privacy center)
      */
     async sendCaseMessage(baseRequest, caseUuid, body, documentUuids, authToken) {
-      const url = caseUrl(baseRequest, caseUuid, "/messages");
+      const url = caseUrl(baseRequest, caseUuid, `/messages${sandboxIdentitySuffix()}`);
       return privacyCenterApiFetch(url, {
         method: "POST",
         body: JSON.stringify({ body, document_uuids: documentUuids }),
@@ -10384,7 +10522,7 @@ function createConsentClient(baseUrl, ledgerBaseUrl) {
      * Upload a document on a case (multipart/form-data, privacy center)
      */
     async uploadCaseDocument(baseRequest, caseUuid, file, authToken) {
-      const url = caseUrl(baseRequest, caseUuid, "/upload-document");
+      const url = caseUrl(baseRequest, caseUuid, `/upload-document${sandboxIdentitySuffix()}`);
       const formData = new FormData();
       formData.append("file", file, file.name);
       formData.append("payload", JSON.stringify({ metadata: null }));
@@ -15184,6 +15322,10 @@ var SelectUserGate = ({ children }) => {
   const tokenOrgUserId = ((_d = (_c = decodeJwtToken(accessToken)) == null ? void 0 : _c.user_data) == null ? void 0 : _d.org_user_id) || "";
   useEffect17(() => {
     let cancelled = false;
+    if (isSandboxMode()) {
+      setPhase("resolved");
+      return;
+    }
     if (!organizationId || !workspaceId || !accessToken) {
       setPhase("resolved");
       return;
@@ -18936,23 +19078,36 @@ var consentGroupToFormProductGroup = (group) => {
   };
 };
 var purposeItemToFormPurpose = (purpose) => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f;
   return {
-    uuid: purpose.purpose_uuid,
-    purpose_uuid: purpose.purpose_uuid,
+    // The ledger keys purposes as `purpose_uuid`; the legacy Python
+    // user-consents payload keys some of them as `uuid`. Accept either so the
+    // picker and the submitted `purpose_uuid` resolve on both backends.
+    uuid: (_b = (_a = purpose.purpose_uuid) != null ? _a : purpose.uuid) != null ? _b : "",
+    purpose_uuid: (_d = (_c = purpose.purpose_uuid) != null ? _c : purpose.uuid) != null ? _d : "",
     name: purpose.name,
-    description: (_a = purpose.description) != null ? _a : "",
+    description: (_e = purpose.description) != null ? _e : "",
     industries: "",
     selected: false,
     given_consent: false,
     status: purpose.status,
     validity: null,
     enabled: true,
-    data_elements: ((_b = purpose.data_elements) != null ? _b : []).map(
+    data_elements: ((_f = purpose.data_elements) != null ? _f : []).map(
       consentDataElementToFormDataElement
     )
   };
 };
+var legacyFlatGroup = (form, label) => {
+  var _a;
+  return {
+    product_uuid: LEGACY_PRODUCT_GROUP_UUID,
+    product_name: label,
+    product_description: null,
+    nominator: null,
+    purposes: ((_a = form.purposes) != null ? _a : []).map((wrapper) => wrapper == null ? void 0 : wrapper.purpose).filter((purpose) => Boolean(purpose))
+  };
+};
 var consentDataElementToFormDataElement = (element) => ({
   uuid: element.uuid,
   name: element.name,
@@ -20109,7 +20264,7 @@ function Form({
   const [isSubmitted, setIsSubmitted] = useState24(false);
   const { t } = useTranslation34();
   const { accessToken, refreshToken, onError, updateTokens } = useAuth();
-  const { consentClient, baseUrl, ledgerBaseUrl } = useBaseUrl();
+  const { consentClient, baseUrl } = useBaseUrl();
   const organizationId = organization == null ? void 0 : organization.uuid;
   const workspaceId = (_a = organization == null ? void 0 : organization.workspaces[0]) == null ? void 0 : _a.uuid;
   const authContext = useMemo15(() => ({
@@ -20171,8 +20326,19 @@ function Form({
     if (!data) {
       return [];
     }
-    return [...(_a2 = data.direct_groups) != null ? _a2 : [], ...(_b2 = data.nominated_groups) != null ? _b2 : []];
-  }, [data]);
+    const groups = [
+      ...(_a2 = data.direct_groups) != null ? _a2 : [],
+      ...(_b2 = data.nominated_groups) != null ? _b2 : []
+    ];
+    if (groups.length > 0) {
+      return groups;
+    }
+    const flatGroup = legacyFlatGroup(data, t("yourData"));
+    if (buildGroupPurposes(flatGroup).length === 0) {
+      return [];
+    }
+    return [flatGroup];
+  }, [data, t]);
   const skipProductStep = allGroups.length === 1;
   const selectedGroup = useMemo15(() => {
     var _a2, _b2;
@@ -20190,10 +20356,10 @@ function Form({
     },
     []
   );
-  const withLedgerPickerGroups = useCallback15(
+  const withUserConsentPickerGroups = useCallback15(
     async (form, language) => {
       var _a2, _b2;
-      if (!ledgerBaseUrl || isPopup || isCaseManagementContext || !organizationId || !workspaceId) {
+      if (isPopup || isCaseManagementContext || !organizationId || !workspaceId) {
         return form;
       }
       const consents = await fetchUserConsents({
@@ -20208,19 +20374,18 @@ function Form({
         nominatedLimit: FORM_PICKER_GROUP_LIMIT,
         language
       });
-      if (!consents) {
+      const direct = (_a2 = consents == null ? void 0 : consents.direct) != null ? _a2 : [];
+      const nominated = (_b2 = consents == null ? void 0 : consents.nominated) != null ? _b2 : [];
+      if (direct.length === 0 && nominated.length === 0) {
         return form;
       }
       return {
         ...form,
-        direct_groups: ((_a2 = consents.direct) != null ? _a2 : []).map(consentGroupToFormProductGroup),
-        nominated_groups: ((_b2 = consents.nominated) != null ? _b2 : []).map(
-          consentGroupToFormProductGroup
-        )
+        direct_groups: direct.map(consentGroupToFormProductGroup),
+        nominated_groups: nominated.map(consentGroupToFormProductGroup)
       };
     },
     [
-      ledgerBaseUrl,
       isPopup,
       isCaseManagementContext,
       organizationId,
@@ -20257,7 +20422,7 @@ function Form({
         toast.info(t("translationNotAvailable"));
         return;
       }
-      setData(await withLedgerPickerGroups(translatedFormData, langValue));
+      setData(await withUserConsentPickerGroups(translatedFormData, langValue));
       if (translatedFormData.grievance_options) {
         const currentGrievanceSelections = { ...selectedGrievances };
         setGrievanceOptions(translatedFormData.grievance_options);
@@ -20273,7 +20438,7 @@ function Form({
     } finally {
       setIsTranslating(false);
     }
-  }, [organizationId, workspaceId, data, formData.contact, isPopup, isCaseManagementContext, authContext, consentClient, selectedGrievances, t, withLedgerPickerGroups]);
+  }, [organizationId, workspaceId, data, formData.contact, isPopup, isCaseManagementContext, authContext, consentClient, selectedGrievances, t, withUserConsentPickerGroups]);
   useEffect24(() => {
     if (!skipProductStep) {
       setSelectedProductKey(null);
@@ -20379,7 +20544,7 @@ function Form({
             console.warn("No purposes with data elements found in API response");
           }
         }
-        const pickerData = await withLedgerPickerGroups(
+        const pickerData = await withUserConsentPickerGroups(
           displayData,
           langParam || void 0
         );
@@ -20403,7 +20568,7 @@ function Form({
       }
     };
     void initializePrivacyCenterForm();
-  }, [organizationId, workspaceId, isPopup, authContext, consentClient, withLedgerPickerGroups]);
+  }, [organizationId, workspaceId, isPopup, authContext, consentClient, withUserConsentPickerGroups]);
   const getEnglishDataElementName = useCallback15((translatedName) => {
     var _a2, _b2, _c2;
     if (!((_a2 = englishDataRef.current) == null ? void 0 : _a2.purposes)) {
@@ -20465,7 +20630,8 @@ function Form({
       return;
     }
     const isProductScoped = isProductScopedRequestType(requestType);
-    const anchorGroup = isProductScoped ? selectedGroup : null;
+    const isLegacyFlatSelection = (selectedGroup == null ? void 0 : selectedGroup.product_uuid) === LEGACY_PRODUCT_GROUP_UUID;
+    const anchorGroup = isProductScoped && !isLegacyFlatSelection ? selectedGroup : null;
     const requestDetails = {
       purposes: [],
       correction_data: [],
@@ -27936,6 +28102,12 @@ function RedactoPrivacyCenter({
   slug,
   accessToken,
   refreshToken,
+  token,
+  email,
+  mobile,
+  ucic,
+  organisationUuid,
+  workspaceUuid,
   onError,
   initialPage = "consent-manager",
   onBack
@@ -27945,6 +28117,12 @@ function RedactoPrivacyCenter({
     {
       accessToken,
       refreshToken,
+      token,
+      sandboxUcic: ucic,
+      sandboxSubject: email || mobile,
+      organisationUuid,
+      workspaceUuid,
+      slug,
       onError,
       children: /* @__PURE__ */ jsx92(NavigationProvider, { initialPage, children: /* @__PURE__ */ jsx92(PageChromeProvider, { children: /* @__PURE__ */ jsx92(PrivacyCenterLayout, { slug, onBack, children: /* @__PURE__ */ jsx92(PrivacyCenterHomePage, {}) }) }) })
     }

package/package.json

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