@redacto.io/consent-sdk-react 10.3.0-beta.6 → 10.3.1-beta.0

package/dist/{chunk-FT5G2PXK.mjs → chunk-4SCWX74J.mjs}

@@ -182,6 +182,7 @@ export {
   REQUIRED_MARKER_GLYPH,
   REQUIRED_MARKER_ARIA_LABEL,
   REQUIRED_MARKER_STYLE,
+  INHERIT_FONT_FAMILY,
   FONT_NAME_QUOTE_CHARACTERS,
   FONT_FAMILY_SEPARATOR,
   NOTICE_FONT_FACE_STYLE_ID_PREFIX,

package/dist/{chunk-EYHKLIAJ.mjs → chunk-RG4PVVKF.mjs}

@@ -1,3 +1,105 @@
+import {
+  FONT_FAMILY_SEPARATOR,
+  FONT_NAME_QUOTE_CHARACTERS,
+  NOTICE_FONT_ENTRY_BY_ID,
+  NOTICE_FONT_FACE_STYLE_ID_PREFIX,
+  NOTICE_FONT_LOAD_ERROR_MESSAGE
+} from "./chunk-4SCWX74J.mjs";
+
+// src/shared/fonts/font-sources.generated.ts
+var NOTICE_FONT_SOURCE_IMPORTS = {
+  "montserrat": () => import("./montserrat.generated-NBTECYRW.mjs")
+};
+
+// src/shared/notice-webfont.ts
+var noticeFontOptions = {};
+var configureNoticeFonts = (options) => {
+  noticeFontOptions = { ...noticeFontOptions, ...options };
+};
+var toFamilyTokens = (value) => value.split(FONT_FAMILY_SEPARATOR).map(
+  (token) => token.trim().replace(FONT_NAME_QUOTE_CHARACTERS, "").toLowerCase()
+);
+var findNoticeFontEntry = (value) => {
+  const id = toFamilyTokens(value).find(
+    (token) => Boolean(NOTICE_FONT_ENTRY_BY_ID[token])
+  );
+  if (!id) {
+    return void 0;
+  }
+  return NOTICE_FONT_ENTRY_BY_ID[id];
+};
+var toFontFaceCss = (entry, sources) => sources.map(
+  ({ weight, url }) => [
+    "@font-face {",
+    `  font-family: "${entry.cssFamily}";`,
+    "  font-style: normal;",
+    `  font-weight: ${weight};`,
+    // `swap`, never the `auto` default: auto gives most browsers a ~3s block
+    // period with INVISIBLE text, which is unacceptable for a consent notice.
+    "  font-display: swap;",
+    // `local()` still leads: the bundled copy is Latin + Latin-Extended only,
+    // so a visitor's own installation covers more scripts than ours does.
+    `  src: local("${entry.cssFamily}"),`,
+    // Quoted url(): a data URI carries `,` and `;`, which are hostile to an
+    // unquoted url token. Base64 never contains a double quote.
+    `       url("${url}") format("woff2");`,
+    "}"
+  ].join("\n")
+).join("\n\n");
+var fontSourceLoads = /* @__PURE__ */ new Map();
+var loadFontSources = (entry, importSources) => {
+  const pending2 = fontSourceLoads.get(entry.id);
+  if (pending2) {
+    return pending2;
+  }
+  const load = importSources().then((module) => module.NOTICE_FONT_SOURCES).catch((error) => {
+    fontSourceLoads.delete(entry.id);
+    throw error;
+  });
+  fontSourceLoads.set(entry.id, load);
+  return load;
+};
+var injectedFontFaceIds = /* @__PURE__ */ new Set();
+var injectFontFace = (entry, sources) => {
+  if (injectedFontFaceIds.has(entry.id)) {
+    return;
+  }
+  injectedFontFaceIds.add(entry.id);
+  const styleId = `${NOTICE_FONT_FACE_STYLE_ID_PREFIX}${entry.slug}`;
+  if (document.getElementById(styleId)) {
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = toFontFaceCss(entry, sources);
+  document.head.appendChild(style);
+};
+var loadNoticeWebfont = async (value, signal) => {
+  if (typeof document === "undefined" || noticeFontOptions.disabled) {
+    return;
+  }
+  if (signal == null ? void 0 : signal.aborted) {
+    return;
+  }
+  const entry = findNoticeFontEntry(value);
+  if (!entry || entry.source !== "webfont" || injectedFontFaceIds.has(entry.id)) {
+    return;
+  }
+  const importSources = NOTICE_FONT_SOURCE_IMPORTS[entry.slug];
+  if (!importSources) {
+    return;
+  }
+  try {
+    const sources = await loadFontSources(entry, importSources);
+    if (signal == null ? void 0 : signal.aborted) {
+      return;
+    }
+    injectFontFace(entry, sources);
+  } catch (error) {
+    console.error(NOTICE_FONT_LOAD_ERROR_MESSAGE, error);
+  }
+};
+
 // src/shared/idempotency.ts
 var HEADER = "Idempotency-Key";
 var pending = /* @__PURE__ */ new Map();
@@ -581,9 +683,15 @@ var useMediaQuery = (query) => {
 // src/shared/sandbox.ts
 var SANDBOX_TOKEN_HEADER = "X-Consent-Token";
 
+// src/constants.ts
+var DEFAULT_CONSENT_API_BASE_URL = "https://api.redacto.io/consent";
+var USER_SERVICE_PATH = "/user/api/0";
+
 export {
   SANDBOX_TOKEN_HEADER,
   withIdempotencyKey,
+  DEFAULT_CONSENT_API_BASE_URL,
+  USER_SERVICE_PATH,
   DEFAULT_TEXT_SCALE,
   NOTICE_TEXT_SCALE_FACTORS,
   NOTICE_THEME_VARS,
@@ -614,5 +722,7 @@ export {
   prefersReducedMotion,
   useIsomorphicLayoutEffect,
   Collapse,
+  configureNoticeFonts,
+  loadNoticeWebfont,
   useMediaQuery
 };

package/dist/fonts.mjs

@@ -2,7 +2,7 @@ import {
   NOTICE_FONT_CATALOGUE,
   resolveNoticeFontFamily,
   toNoticeFontValue
-} from "./chunk-FT5G2PXK.mjs";
+} from "./chunk-4SCWX74J.mjs";
 export {
   NOTICE_FONT_CATALOGUE,
   resolveNoticeFontFamily,

package/dist/index.js

@@ -278,6 +278,9 @@ ${body}`;
   }
 };
 
+// src/constants.ts
+var DEFAULT_CONSENT_API_BASE_URL = "https://api.redacto.io/consent";
+
 // src/shared/notice-consent-status.ts
 var import_jwt_decode = require("jwt-decode");
 var decodeNoticeConsentToken = (token) => {
@@ -356,7 +359,7 @@ var fetchNoticeConsentStatus = async ({
 var isNoticeFullyConsented = (status) => status.consented && status.all_mandatory_active;
 
 // src/RedactoNoticeConsent/api/index.ts
-var BASE_URL = "https://api.redacto.io/consent";
+var BASE_URL = DEFAULT_CONSENT_API_BASE_URL;
 var apiCache = /* @__PURE__ */ new Map();
 var CACHE_TTL = 5 * 60 * 1e3;
 function getCachedData(key) {
@@ -3281,6 +3284,11 @@ var preselectionForRows = (rows, preselection) => {
 };
 var isBlockingRequiredElement = (element) => element.required && element.enabled;
 var hasRequiredDataElement = (purpose) => purpose.data_elements.some(isBlockingRequiredElement);
+var seededDataElements = (purpose) => {
+  const mandatory = purpose.data_elements.filter(isBlockingRequiredElement);
+  const granted = mandatory.length > 0 ? mandatory : purpose.data_elements.filter((element) => element.enabled);
+  return new Set(granted.map((element) => element.uuid));
+};
 
 // src/RedactoNoticeConsent/layout.ts
 var resolveLogoPosition = (raw) => raw === "center" || raw === "right" ? raw : DEFAULT_LOGO_POSITION;
@@ -7370,12 +7378,7 @@ var NoticeConsentView = ({
           ...prev,
           [key]: newPurposeState
         }));
-        const mandatory = purpose.data_elements.filter(
-          isBlockingRequiredElement
-        );
-        const seeded = new Set(
-          (mandatory.length > 0 ? mandatory : purpose.data_elements.filter((el) => el.enabled)).map((el) => el.uuid)
-        );
+        const seeded = seededDataElements(purpose);
         setSelectedDataElements((prev) => {
           const updated = { ...prev };
           purpose.data_elements.forEach((el) => {
@@ -7406,8 +7409,9 @@ var NoticeConsentView = ({
     const elementOverrides = {};
     sectionPurposes.forEach((purpose) => {
       const key = productPurposeKey(keyProductUuid, purpose.uuid);
+      const seeded = seededDataElements(purpose);
       purpose.data_elements.forEach((element) => {
-        elementOverrides[`${key}-${element.uuid}`] = element.enabled ? nextState : false;
+        elementOverrides[`${key}-${element.uuid}`] = nextState && seeded.has(element.uuid);
       });
     });
     setSelectedDataElements((prev) => ({ ...prev, ...elementOverrides }));
@@ -9801,7 +9805,7 @@ var RedactoNoticeConsent = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.js
 var import_react10 = require("react");
 
 // src/RedactoNoticeConsentInline/api/index.ts
-var BASE_URL2 = "https://api.redacto.tech/consent";
+var BASE_URL2 = DEFAULT_CONSENT_API_BASE_URL;
 var fetchConsentContent2 = async ({
   org_uuid,
   workspace_uuid,
@@ -12059,7 +12063,7 @@ var DPO_AUDIO_ELEMENT_MAP2 = [
 ];
 
 // src/RedactoNoticeAssisted/api/index.ts
-var BASE_URL3 = "https://api.redacto.io/consent";
+var BASE_URL3 = DEFAULT_CONSENT_API_BASE_URL;
 var publicScope = (baseUrl, organisationUuid, workspaceUuid) => `${baseUrl || BASE_URL3}/public/organisations/${organisationUuid}/workspaces/${workspaceUuid}`;
 var fetchAssistedNotice = async ({
   organisationUuid,

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import {
   APPEARANCE_ATTRIBUTE,
   Collapse,
+  DEFAULT_CONSENT_API_BASE_URL,
   DEFAULT_TEXT_SCALE,
   GLASS_BLUR,
   GLASS_DEFAULT_TINT,
@@ -16,10 +17,12 @@ import {
   TTS_TEXT_ATTRIBUTE,
   buildTtsCssVariables,
   buildTtsRootAttributes,
+  configureNoticeFonts,
   getAppearanceLayout,
   glassPalette,
   isAppearance,
   isSafeCustomCss,
+  loadNoticeWebfont,
   opaqueOver,
   paintableColor,
   prefersReducedMotion,
@@ -30,20 +33,15 @@ import {
   withAlpha,
   withColorScheme,
   withIdempotencyKey
-} from "./chunk-EYHKLIAJ.mjs";
+} from "./chunk-RG4PVVKF.mjs";
 import {
-  FONT_FAMILY_SEPARATOR,
-  FONT_NAME_QUOTE_CHARACTERS,
-  NOTICE_FONT_ENTRY_BY_ID,
-  NOTICE_FONT_FACE_STYLE_ID_PREFIX,
-  NOTICE_FONT_LOAD_ERROR_MESSAGE,
   NOTICE_FONT_ROOT_PROPS,
   REQUIRED_MARKER_ARIA_LABEL,
   REQUIRED_MARKER_GLYPH,
   REQUIRED_MARKER_STYLE,
   injectNoticeFontStyles,
   resolveNoticeFontFamily
-} from "./chunk-FT5G2PXK.mjs";
+} from "./chunk-4SCWX74J.mjs";
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 import {
@@ -259,7 +257,7 @@ var fetchNoticeConsentStatus = async ({
 var isNoticeFullyConsented = (status) => status.consented && status.all_mandatory_active;
 
 // src/RedactoNoticeConsent/api/index.ts
-var BASE_URL = "https://api.redacto.io/consent";
+var BASE_URL = DEFAULT_CONSENT_API_BASE_URL;
 var apiCache = /* @__PURE__ */ new Map();
 var CACHE_TTL = 5 * 60 * 1e3;
 function getCachedData(key) {
@@ -2687,6 +2685,11 @@ var preselectionForRows = (rows, preselection) => {
 };
 var isBlockingRequiredElement = (element) => element.required && element.enabled;
 var hasRequiredDataElement = (purpose) => purpose.data_elements.some(isBlockingRequiredElement);
+var seededDataElements = (purpose) => {
+  const mandatory = purpose.data_elements.filter(isBlockingRequiredElement);
+  const granted = mandatory.length > 0 ? mandatory : purpose.data_elements.filter((element) => element.enabled);
+  return new Set(granted.map((element) => element.uuid));
+};
 
 // src/RedactoNoticeConsent/layout.ts
 var resolveLogoPosition = (raw) => raw === "center" || raw === "right" ? raw : DEFAULT_LOGO_POSITION;
@@ -2879,102 +2882,6 @@ var RequiredMarker = ({
 
 // src/shared/useNoticeFont.ts
 import { useEffect as useEffect3, useMemo } from "react";
-
-// src/shared/fonts/font-sources.generated.ts
-var NOTICE_FONT_SOURCE_IMPORTS = {
-  "montserrat": () => import("./montserrat.generated-NBTECYRW.mjs")
-};
-
-// src/shared/notice-webfont.ts
-var noticeFontOptions = {};
-var configureNoticeFonts = (options) => {
-  noticeFontOptions = { ...noticeFontOptions, ...options };
-};
-var toFamilyTokens = (value) => value.split(FONT_FAMILY_SEPARATOR).map(
-  (token) => token.trim().replace(FONT_NAME_QUOTE_CHARACTERS, "").toLowerCase()
-);
-var findNoticeFontEntry = (value) => {
-  const id = toFamilyTokens(value).find(
-    (token) => Boolean(NOTICE_FONT_ENTRY_BY_ID[token])
-  );
-  if (!id) {
-    return void 0;
-  }
-  return NOTICE_FONT_ENTRY_BY_ID[id];
-};
-var toFontFaceCss = (entry, sources) => sources.map(
-  ({ weight, url }) => [
-    "@font-face {",
-    `  font-family: "${entry.cssFamily}";`,
-    "  font-style: normal;",
-    `  font-weight: ${weight};`,
-    // `swap`, never the `auto` default: auto gives most browsers a ~3s block
-    // period with INVISIBLE text, which is unacceptable for a consent notice.
-    "  font-display: swap;",
-    // `local()` still leads: the bundled copy is Latin + Latin-Extended only,
-    // so a visitor's own installation covers more scripts than ours does.
-    `  src: local("${entry.cssFamily}"),`,
-    // Quoted url(): a data URI carries `,` and `;`, which are hostile to an
-    // unquoted url token. Base64 never contains a double quote.
-    `       url("${url}") format("woff2");`,
-    "}"
-  ].join("\n")
-).join("\n\n");
-var fontSourceLoads = /* @__PURE__ */ new Map();
-var loadFontSources = (entry, importSources) => {
-  const pending = fontSourceLoads.get(entry.id);
-  if (pending) {
-    return pending;
-  }
-  const load = importSources().then((module) => module.NOTICE_FONT_SOURCES).catch((error) => {
-    fontSourceLoads.delete(entry.id);
-    throw error;
-  });
-  fontSourceLoads.set(entry.id, load);
-  return load;
-};
-var injectedFontFaceIds = /* @__PURE__ */ new Set();
-var injectFontFace = (entry, sources) => {
-  if (injectedFontFaceIds.has(entry.id)) {
-    return;
-  }
-  injectedFontFaceIds.add(entry.id);
-  const styleId = `${NOTICE_FONT_FACE_STYLE_ID_PREFIX}${entry.slug}`;
-  if (document.getElementById(styleId)) {
-    return;
-  }
-  const style = document.createElement("style");
-  style.id = styleId;
-  style.textContent = toFontFaceCss(entry, sources);
-  document.head.appendChild(style);
-};
-var loadNoticeWebfont = async (value, signal) => {
-  if (typeof document === "undefined" || noticeFontOptions.disabled) {
-    return;
-  }
-  if (signal == null ? void 0 : signal.aborted) {
-    return;
-  }
-  const entry = findNoticeFontEntry(value);
-  if (!entry || entry.source !== "webfont" || injectedFontFaceIds.has(entry.id)) {
-    return;
-  }
-  const importSources = NOTICE_FONT_SOURCE_IMPORTS[entry.slug];
-  if (!importSources) {
-    return;
-  }
-  try {
-    const sources = await loadFontSources(entry, importSources);
-    if (signal == null ? void 0 : signal.aborted) {
-      return;
-    }
-    injectFontFace(entry, sources);
-  } catch (error) {
-    console.error(NOTICE_FONT_LOAD_ERROR_MESSAGE, error);
-  }
-};
-
-// src/shared/useNoticeFont.ts
 var useNoticeFont = ({
   hostFont,
   noticeFont
@@ -6575,12 +6482,7 @@ var NoticeConsentView = ({
           ...prev,
           [key]: newPurposeState
         }));
-        const mandatory = purpose.data_elements.filter(
-          isBlockingRequiredElement
-        );
-        const seeded = new Set(
-          (mandatory.length > 0 ? mandatory : purpose.data_elements.filter((el) => el.enabled)).map((el) => el.uuid)
-        );
+        const seeded = seededDataElements(purpose);
         setSelectedDataElements((prev) => {
           const updated = { ...prev };
           purpose.data_elements.forEach((el) => {
@@ -6611,8 +6513,9 @@ var NoticeConsentView = ({
     const elementOverrides = {};
     sectionPurposes.forEach((purpose) => {
       const key = productPurposeKey(keyProductUuid, purpose.uuid);
+      const seeded = seededDataElements(purpose);
       purpose.data_elements.forEach((element) => {
-        elementOverrides[`${key}-${element.uuid}`] = element.enabled ? nextState : false;
+        elementOverrides[`${key}-${element.uuid}`] = nextState && seeded.has(element.uuid);
       });
     });
     setSelectedDataElements((prev) => ({ ...prev, ...elementOverrides }));
@@ -9006,7 +8909,7 @@ var RedactoNoticeConsent = (props) => /* @__PURE__ */ jsx6(NoticeConsentView, {
 import { useEffect as useEffect7, useMemo as useMemo4, useState as useState3, useRef as useRef4, useCallback as useCallback4, memo } from "react";
 
 // src/RedactoNoticeConsentInline/api/index.ts
-var BASE_URL2 = "https://api.redacto.tech/consent";
+var BASE_URL2 = DEFAULT_CONSENT_API_BASE_URL;
 var fetchConsentContent2 = async ({
   org_uuid,
   workspace_uuid,
@@ -11264,7 +11167,7 @@ var DPO_AUDIO_ELEMENT_MAP2 = [
 ];
 
 // src/RedactoNoticeAssisted/api/index.ts
-var BASE_URL3 = "https://api.redacto.io/consent";
+var BASE_URL3 = DEFAULT_CONSENT_API_BASE_URL;
 var publicScope = (baseUrl, organisationUuid, workspaceUuid) => `${baseUrl || BASE_URL3}/public/organisations/${organisationUuid}/workspaces/${workspaceUuid}`;
 var fetchAssistedNotice = async ({
   organisationUuid,