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

package/dist/index.mjs

@@ -2,9 +2,19 @@ import {
   SANDBOX_TOKEN_HEADER,
   useMediaQuery
 } from "./chunk-OGL6OC3A.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,
+  injectNoticeFontStyles,
+  resolveNoticeFontFamily
+} from "./chunk-FEGTW73Q.mjs";
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef, useState } from "react";
 
 // src/RedactoNoticeConsent/api/index.ts
 import { jwtDecode as jwtDecode2 } from "jwt-decode";
@@ -360,48 +370,10 @@ var submitConsentEvent = async ({
   }
   apiCache.clear();
 };
-var buildLedgerConsentOverlay = (status, configPurposes) => {
-  var _a, _b;
-  const byUuid = new Map(status.purposes.map((p) => [p.uuid, p]));
-  const hasHistory = status.purposes.some(
-    (p) => (p.status || "INACTIVE") !== "INACTIVE"
-  );
-  if (!hasHistory) {
-    return null;
-  }
-  const purpose_selections = {};
-  for (const cp of configPurposes) {
-    const lp = byUuid.get(cp.uuid);
-    const purposeStatus = (lp == null ? void 0 : lp.status) || "INACTIVE";
-    const selectedByUuid = new Map(
-      ((lp == null ? void 0 : lp.data_elements) || []).map((de) => [de.uuid, de.selected])
-    );
-    const data_elements = {};
-    for (const de of cp.data_elements) {
-      data_elements[de.uuid] = {
-        selected: (_a = selectedByUuid.get(de.uuid)) != null ? _a : false,
-        enabled: de.enabled,
-        required: de.required
-      };
-    }
-    purpose_selections[cp.uuid] = {
-      selected: (_b = lp == null ? void 0 : lp.selected) != null ? _b : false,
-      status: purposeStatus,
-      needs_reconsent: purposeStatus !== "ACTIVE",
-      data_elements
-    };
-  }
-  const reconsent_required = configPurposes.some(
-    (cp) => {
-      var _a2;
-      return (((_a2 = purpose_selections[cp.uuid]) == null ? void 0 : _a2.status) || "INACTIVE") !== "ACTIVE";
-    }
-  );
-  return { reconsent_required, purpose_selections };
-};
 var fetchTTSAudioUrls = async ({
   accessToken,
   baseUrl,
+  ledgerBaseUrl,
   noticeUuid,
   language,
   signal,
@@ -411,7 +383,7 @@ var fetchTTSAudioUrls = async ({
     throw new Error("accessToken (or token), noticeUuid, and language are required");
   }
   const { organisationUuid: ORGANISATION_UUID, workspaceUuid: WORKSPACE_UUID, sandbox } = resolveRequestAuth(accessToken, sandboxParams, decodeTokenSafely);
-  const apiBaseUrl = baseUrl || BASE_URL;
+  const apiBaseUrl = (sandbox ? null : ledgerBaseUrl) || baseUrl || BASE_URL;
   const url = new URL(
     `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/notices/${noticeUuid}/audio/${language}`
   );
@@ -585,6 +557,12 @@ var verifyGuardianStatus = async ({
 var redacto_logo_default = "data:image/png;base64,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";
 
 // src/RedactoNoticeConsent/constants.ts
+var DEFAULT_LOGO_POSITION = "left";
+var LOGO_POSITION_JUSTIFY = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end"
+};
 var DPO_AUDIO_ELEMENT_MAP = [
   { audioKey: "grievance_text_audio_url", elementId: "dpo-grievance-text" },
   { audioKey: "grievance_anchor_text_audio_url", elementId: "dpo-grievance-link" },
@@ -596,6 +574,10 @@ var DPO_AUDIO_ELEMENT_MAP = [
   { audioKey: "dpo_anchor_text_audio_url", elementId: "dpo-dpo-link" }
 ];
 
+// src/RedactoNoticeConsent/layout.ts
+var resolveLogoPosition = (raw) => raw === "center" || raw === "right" ? raw : DEFAULT_LOGO_POSITION;
+var logoRowJustify = (position) => LOGO_POSITION_JUSTIFY[position];
+
 // src/RedactoNoticeConsent/language-codes.ts
 var LANGUAGE_NATIVE_LABELS = {
   English: "English",
@@ -817,6 +799,123 @@ var injectCheckboxStyles = () => {
   stylesInjected = true;
 };
 
+// src/shared/useNoticeFont.ts
+import { useEffect, 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
+}) => {
+  const fontFamily = useMemo(
+    () => resolveNoticeFontFamily({ hostFont, noticeFont }),
+    [hostFont, noticeFont]
+  );
+  useEffect(() => {
+    injectNoticeFontStyles();
+  }, []);
+  useEffect(() => {
+    const controller = new AbortController();
+    void loadNoticeWebfont(fontFamily, controller.signal);
+    return () => controller.abort();
+  }, [fontFamily]);
+  return fontFamily;
+};
+
 // src/RedactoNoticeConsent/styles.ts
 var styles = {
   overlay: {
@@ -888,6 +987,41 @@ var styles = {
     padding: 0,
     boxSizing: "border-box"
   },
+  // The main notice header is two stacked rows: the logo alone on row 1,
+  // aligned per active_config.logo_position, then the title and the
+  // TTS/language controls on row 2. `topSection` and `topLeft` above keep their
+  // single-row shape for the age-verification, guardian and verification
+  // screens, which have no controls to place and share those styles.
+  headerStack: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    gap: "10px",
+    paddingBottom: "15px",
+    borderBottom: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box",
+    textAlign: "left"
+  },
+  logoRow: {
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  headerRow: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "10px",
+    width: "100%",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
   logo: {
     height: "32px",
     width: "auto",
@@ -931,7 +1065,8 @@ var styles = {
     boxSizing: "border-box",
     textAlign: "left",
     cursor: "pointer",
-    backgroundColor: "#ffffff"
+    backgroundColor: "#ffffff",
+    fontFamily: "inherit"
   },
   middleSection: {
     margin: "0px",
@@ -1104,7 +1239,8 @@ var styles = {
     cursor: "pointer",
     margin: 0,
     boxSizing: "border-box",
-    textAlign: "center"
+    textAlign: "center",
+    fontFamily: "inherit"
   },
   acceptButton: {
     backgroundColor: "#4f87ff",
@@ -1118,6 +1254,9 @@ var styles = {
   },
   languageSelectorContainer: {
     position: "relative",
+    // Shares `headerRow` with the title, which grows; without this a long
+    // heading squeezes the language button instead of wrapping itself.
+    flexShrink: 0,
     margin: 0,
     padding: 0,
     boxSizing: "border-box"
@@ -1257,19 +1396,17 @@ var PurposeItem = ({
   selectedLanguage,
   initialDataElementSelections = {}
 }) => {
-  const headingStyle = useMemo(
+  const headingStyle = useMemo2(
     () => ({
-      color: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
-      fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
+      color: (settings == null ? void 0 : settings.headingColor) || "#323B4B"
     }),
-    [settings]
+    [settings == null ? void 0 : settings.headingColor]
   );
-  const textStyle = useMemo(
+  const textStyle = useMemo2(
     () => ({
-      color: (settings == null ? void 0 : settings.textColor) || "#344054",
-      fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
+      color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
-    [settings]
+    [settings == null ? void 0 : settings.textColor]
   );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { style: styles4.optionItem, children: [
@@ -1574,7 +1711,7 @@ var GuardianForm = ({
   const [openUpward, setOpenUpward] = useState(false);
   const dropdownRef = useRef(null);
   const optionsRef = useRef(null);
-  useEffect(() => {
+  useEffect2(() => {
     if (!isDropdownOpen) return;
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
@@ -1585,7 +1722,7 @@ var GuardianForm = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isDropdownOpen]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!isDropdownOpen || !dropdownRef.current) return;
     const rect = dropdownRef.current.getBoundingClientRect();
     const spaceBelow = window.innerHeight - rect.bottom;
@@ -1627,7 +1764,7 @@ var GuardianForm = ({
         break;
     }
   };
-  useEffect(() => {
+  useEffect2(() => {
     var _a2;
     if (focusedIndex >= 0 && optionsRef.current) {
       const option = optionsRef.current.children[focusedIndex];
@@ -1638,14 +1775,12 @@ var GuardianForm = ({
   const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
   const bgColor = (settings == null ? void 0 : settings.backgroundColor) || "#ffffff";
   const radius = (settings == null ? void 0 : settings.borderRadius) || "8px";
-  const font = (settings == null ? void 0 : settings.font) || "inherit";
   const inputStyle = {
     width: "100%",
     padding: "10px 12px",
     border: `1px solid ${borderColor}`,
     borderRadius: radius,
     fontSize: "13px",
-    fontFamily: font,
     color: textColor,
     backgroundColor: bgColor,
     marginBottom: "2px",
@@ -1903,7 +2038,6 @@ var GuardianForm = ({
                             style: {
                               padding: "9px 12px",
                               fontSize: "13px",
-                              fontFamily: font,
                               color: isSelected ? accentColor : textColor,
                               backgroundColor: isFocused ? "#F3F4F6" : "transparent",
                               cursor: "pointer",
@@ -2444,7 +2578,7 @@ var RedactoNoticeConsent = ({
   reviewModeButtonText = "Continue"
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-  const sandboxParams = useMemo(
+  const sandboxParams = useMemo2(
     () => ({
       token,
       sandboxUcic: ucic,
@@ -2454,7 +2588,7 @@ var RedactoNoticeConsent = ({
     }),
     [token, ucic, email, mobile, organisationUuid, workspaceUuid]
   );
-  const propValidationError = useMemo(() => {
+  const propValidationError = useMemo2(() => {
     if (!(noticeId == null ? void 0 : noticeId.trim())) {
       return "RedactoNoticeConsent: 'noticeId' prop is required and cannot be empty";
     }
@@ -2560,7 +2694,7 @@ var RedactoNoticeConsent = ({
   const isPollingStatusRef = useRef(false);
   const verificationSessionTokenRef = useRef(null);
   const isMobile = useMediaQuery("(max-width: 768px)");
-  const responsiveStyles = useMemo(
+  const responsiveStyles = useMemo2(
     () => ({
       modal: {
         width: isMobile ? "90%" : "700px"
@@ -2618,9 +2752,7 @@ var RedactoNoticeConsent = ({
         height: isMobile ? "auto" : void 0,
         width: isMobile ? "auto" : void 0
       },
-      topSection: {
-        flexDirection: isMobile ? "column" : "row",
-        alignItems: isMobile ? "stretch" : "flex-start",
+      headerStack: {
         gap: isMobile ? "12px" : "10px"
       },
       logo: {
@@ -2641,28 +2773,36 @@ var RedactoNoticeConsent = ({
     }),
     [isMobile]
   );
-  const componentHeadingStyle = useMemo(
+  const fontFamily = useNoticeFont({
+    hostFont: settings == null ? void 0 : settings.font,
+    noticeFont: content == null ? void 0 : content.font_preference
+  });
+  const componentHeadingStyle = useMemo2(
     () => ({
-      color: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
-      fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
+      color: (settings == null ? void 0 : settings.headingColor) || "#323B4B"
     }),
-    [settings == null ? void 0 : settings.headingColor, settings == null ? void 0 : settings.font]
+    [settings == null ? void 0 : settings.headingColor]
   );
-  const componentTextStyle = useMemo(
+  const componentTextStyle = useMemo2(
     () => ({
-      color: (settings == null ? void 0 : settings.textColor) || "#344054",
-      fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
+      color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
-    [settings == null ? void 0 : settings.textColor, settings == null ? void 0 : settings.font]
+    [settings == null ? void 0 : settings.textColor]
   );
-  const sectionStyle = useMemo(
+  const sectionStyle = useMemo2(
     () => ({
-      color: (settings == null ? void 0 : settings.textColor) || "#344054",
-      fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
+      color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
-    [settings == null ? void 0 : settings.textColor, settings == null ? void 0 : settings.font]
+    [settings == null ? void 0 : settings.textColor]
   );
-  const areAllRequiredElementsChecked = useMemo(() => {
+  const logoRowStyle = useMemo2(
+    () => ({
+      ...styles.logoRow,
+      justifyContent: logoRowJustify(resolveLogoPosition(content == null ? void 0 : content.logo_position))
+    }),
+    [content == null ? void 0 : content.logo_position]
+  );
+  const areAllRequiredElementsChecked = useMemo2(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -2674,7 +2814,7 @@ var RedactoNoticeConsent = ({
     });
   }, [content, selectedDataElements]);
   const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked;
-  useEffect(() => {
+  useEffect2(() => {
     var _a2, _b2;
     clearApiCache();
     isRequestInProgressRef.current = false;
@@ -2737,7 +2877,7 @@ var RedactoNoticeConsent = ({
     }
     isInitialMountRef.current = false;
   }, [accessToken]);
-  useEffect(() => {
+  useEffect2(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -2810,7 +2950,7 @@ var RedactoNoticeConsent = ({
     return content.dpo_info[key] || defaultText;
   };
   const fetchNotice = async () => {
-    var _a2, _b2, _c2;
+    var _a2;
     if (isRequestInProgressRef.current) {
       return;
     }
@@ -2824,11 +2964,12 @@ var RedactoNoticeConsent = ({
     setShowAgeVerification(false);
     setShowGuardianForm(false);
     try {
+      const noticeBaseUrl = ledgerBaseUrl && !applicationId && !token ? ledgerBaseUrl : baseUrl;
       const consentContentData = await fetchConsentContent({
         noticeId,
         accessToken,
         refreshToken,
-        baseUrl,
+        baseUrl: noticeBaseUrl,
         language,
         specific_uuid: applicationId,
         validate_against: validateAgainst,
@@ -2852,25 +2993,8 @@ var RedactoNoticeConsent = ({
         {}
       );
       setCollapsedPurposes(initialCollapsedState);
-      let isReconsentRequired = consentContentData.detail.reconsent_required;
-      let purposeSelections = consentContentData.detail.purpose_selections;
-      if (ledgerBaseUrl && !applicationId) {
-        const ledgerStatus = await fetchNoticeConsentStatus({
-          accessToken,
-          ledgerBaseUrl,
-          noticeUuid: noticeId,
-          signal: (_b2 = abortControllerRef.current) == null ? void 0 : _b2.signal,
-          ...sandboxParams
-        });
-        if (ledgerStatus) {
-          const overlay = buildLedgerConsentOverlay(
-            ledgerStatus,
-            activeConfig.purposes
-          );
-          isReconsentRequired = (_c2 = overlay == null ? void 0 : overlay.reconsent_required) != null ? _c2 : false;
-          purposeSelections = overlay == null ? void 0 : overlay.purpose_selections;
-        }
-      }
+      const isReconsentRequired = consentContentData.detail.reconsent_required;
+      const purposeSelections = consentContentData.detail.purpose_selections;
       const newCategorizedPurposes = isReconsentRequired ? {
         alreadyConsented: activeConfig.purposes.filter(
           (purpose) => {
@@ -2901,9 +3025,9 @@ var RedactoNoticeConsent = ({
       const initialDataElementState = activeConfig.purposes.reduce(
         (acc, purpose) => {
           purpose.data_elements.forEach((element) => {
-            var _a3, _b3;
+            var _a3, _b2;
             const combinedId = `${purpose.uuid}-${element.uuid}`;
-            if ((_b3 = (_a3 = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid]) == null ? void 0 : _a3.data_elements) == null ? void 0 : _b3[element.uuid]) {
+            if ((_b2 = (_a3 = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid]) == null ? void 0 : _a3.data_elements) == null ? void 0 : _b2[element.uuid]) {
               acc[combinedId] = purposeSelections[purpose.uuid].data_elements[element.uuid].selected;
             } else {
               acc[combinedId] = false;
@@ -2919,9 +3043,9 @@ var RedactoNoticeConsent = ({
         const initialSelections = {};
         newCategorizedPurposes.alreadyConsented.forEach((purpose) => {
           purpose.data_elements.forEach((element) => {
-            var _a3, _b3;
+            var _a3, _b2;
             const combinedId = `${purpose.uuid}-${element.uuid}`;
-            if ((_b3 = (_a3 = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid]) == null ? void 0 : _a3.data_elements) == null ? void 0 : _b3[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;
@@ -2942,9 +3066,9 @@ var RedactoNoticeConsent = ({
           activeConfig.purposes.forEach(
             (purpose) => {
               purpose.data_elements.forEach((element) => {
-                var _a3, _b3;
+                var _a3, _b2;
                 const combinedId = `${purpose.uuid}-${element.uuid}`;
-                if ((_b3 = (_a3 = purposeSelections[purpose.uuid]) == null ? void 0 : _a3.data_elements) == null ? void 0 : _b3[element.uuid]) {
+                if ((_b2 = (_a3 = 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;
@@ -2985,7 +3109,7 @@ var RedactoNoticeConsent = ({
       isRequestInProgressRef.current = false;
     }
   };
-  useEffect(() => {
+  useEffect2(() => {
     injectCheckboxStyles();
     fetchNotice();
   }, [
@@ -2995,6 +3119,7 @@ var RedactoNoticeConsent = ({
     sandboxParams,
     language,
     applicationId,
+    ledgerBaseUrl,
     validateAgainst,
     includeFullyConsentedData
     // Removed onError and isRefreshingToken from dependencies to prevent duplicate API calls
@@ -3539,7 +3664,7 @@ var RedactoNoticeConsent = ({
     }
     clearConsentState();
   }, []);
-  const availableLanguages = useMemo(() => {
+  const availableLanguages = useMemo2(() => {
     if (!content) return [language];
     const pinned = ["English"];
     if (content.default_language && content.default_language !== "English" && content.default_language !== "en") {
@@ -3561,7 +3686,7 @@ var RedactoNoticeConsent = ({
     },
     [content]
   );
-  const audioSequence = useMemo(() => {
+  const audioSequence = useMemo2(() => {
     if (!ttsAudioUrls || !content) return [];
     const sequence = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -3626,7 +3751,7 @@ var RedactoNoticeConsent = ({
     }
     return sequence;
   }, [ttsAudioUrls, content, categorizedPurposes]);
-  const elementIdSequence = useMemo(() => {
+  const elementIdSequence = useMemo2(() => {
     if (!ttsAudioUrls || !content) return [];
     const elementIds = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -3759,7 +3884,7 @@ var RedactoNoticeConsent = ({
       playAudio();
     }
   }, [isPlaying, playAudio, pauseAudio]);
-  useEffect(() => {
+  useEffect2(() => {
     var _a2;
     if (!isPlaying || !content || audioSequence.length === 0) return;
     const currentIndex = currentAudioIndex;
@@ -3793,7 +3918,7 @@ var RedactoNoticeConsent = ({
     categorizedPurposes,
     collapsedPurposes
   ]);
-  useEffect(() => {
+  useEffect2(() => {
     const removeAllHighlights = () => {
       document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
         el.classList.remove("redacto-tts-highlight");
@@ -3829,7 +3954,7 @@ var RedactoNoticeConsent = ({
       removeAllHighlights();
     };
   }, [highlightedElementId, isPlaying]);
-  useEffect(() => {
+  useEffect2(() => {
     setIsTTSAvailable(false);
     setTtsAudioUrls(null);
     stopAudio();
@@ -3841,6 +3966,7 @@ var RedactoNoticeConsent = ({
     fetchTTSAudioUrls({
       accessToken,
       baseUrl,
+      ledgerBaseUrl,
       noticeUuid: content.notice_uuid,
       language: languageCode,
       signal: ttsAbortController.signal,
@@ -3857,10 +3983,11 @@ var RedactoNoticeConsent = ({
     return () => {
       ttsAbortController.abort();
     };
-  }, [content, selectedLanguage, accessToken, sandboxParams, baseUrl, getLanguageCode]);
+  }, [content, selectedLanguage, accessToken, sandboxParams, baseUrl, ledgerBaseUrl, getLanguageCode]);
   const modalStyle = {
     borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px",
-    backgroundColor: (settings == null ? void 0 : settings.backgroundColor) || "#ffffff"
+    backgroundColor: (settings == null ? void 0 : settings.backgroundColor) || "#ffffff",
+    fontFamily
   };
   const buttonStyle = {
     borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px"
@@ -3894,7 +4021,7 @@ var RedactoNoticeConsent = ({
   const handleCloseError = () => {
     setErrorMessage(null);
   };
-  useEffect(() => {
+  useEffect2(() => {
     const handleKeyDown = (event) => {
       if (!modalRef.current) return;
       const focusableElements = modalRef.current.querySelectorAll(
@@ -3933,13 +4060,13 @@ var RedactoNoticeConsent = ({
       modal == null ? void 0 : modal.removeEventListener("keydown", handleKeyDown);
     };
   }, [isLoading, handleDecline]);
-  useEffect(() => {
+  useEffect2(() => {
     stopAudio();
   }, [selectedLanguage, stopAudio]);
-  useEffect(() => {
+  useEffect2(() => {
     stopAudio();
   }, [content, stopAudio]);
-  useEffect(() => {
+  useEffect2(() => {
     return () => {
       var _a2, _b2;
       if (abortControllerRef.current) {
@@ -3965,7 +4092,7 @@ var RedactoNoticeConsent = ({
       }
     };
   }, [stopAudio]);
-  useEffect(() => {
+  useEffect2(() => {
     const persistedState = getConsentState();
     if (!persistedState) return;
     if (persistedState.noticeId && persistedState.noticeId !== noticeId) {
@@ -4015,6 +4142,7 @@ var RedactoNoticeConsent = ({
       "div",
       {
         ref: modalRef,
+        ...NOTICE_FONT_ROOT_PROPS,
         style: {
           ...styles.modal,
           ...responsiveStyles.modal,
@@ -4275,8 +4403,8 @@ var RedactoNoticeConsent = ({
             "div",
             {
               style: {
-                ...styles.topSection,
-                ...responsiveStyles.topSection,
+                ...styles.headerStack,
+                ...responsiveStyles.headerStack,
                 ...sectionStyle
               },
               children: (() => {
@@ -4445,40 +4573,12 @@ var RedactoNoticeConsent = ({
                     }
                   )
                 ] });
-                return isMobile ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "10px",
-                        width: "100%"
-                      },
-                      children: [
-                        logoNode,
-                        /* @__PURE__ */ jsx(
-                          "div",
-                          {
-                            style: {
-                              marginLeft: "auto",
-                              display: "flex",
-                              alignItems: "center",
-                              flexShrink: 0
-                            },
-                            children: controlsBlock
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  titleNode
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs("div", { style: styles.topLeft, children: [
-                    logoNode,
-                    titleNode
-                  ] }),
-                  controlsBlock
+                return /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("div", { style: logoRowStyle, children: logoNode }),
+                  /* @__PURE__ */ jsxs("div", { style: styles.headerRow, children: [
+                    titleNode,
+                    controlsBlock
+                  ] })
                 ] });
               })()
             }
@@ -4823,7 +4923,7 @@ var RedactoNoticeConsent = ({
 };
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3, useRef as useRef2, useCallback as useCallback2, memo } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState3, useRef as useRef2, useCallback as useCallback2, memo } from "react";
 
 // src/RedactoNoticeConsentInline/api/index.ts
 var BASE_URL2 = "https://api.redacto.tech/consent";
@@ -4831,12 +4931,16 @@ var fetchConsentContent2 = async ({
   org_uuid,
   workspace_uuid,
   notice_uuid,
+  accessToken,
   baseUrl,
-  specific_uuid
+  language,
+  specific_uuid,
+  signal
 }) => {
   const apiBaseUrl = baseUrl || BASE_URL2;
+  const noticesUrl = `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/notices`;
   const url = new URL(
-    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/notices/get-notice/${notice_uuid}`
+    accessToken ? `${noticesUrl}/${notice_uuid}` : `${noticesUrl}/get-notice/${notice_uuid}`
   );
   if (specific_uuid) {
     url.searchParams.append("specific_uuid", specific_uuid);
@@ -4844,8 +4948,11 @@ var fetchConsentContent2 = async ({
   const response = await fetch(url.toString(), {
     method: "GET",
     headers: {
-      "Content-Type": "application/json"
-    }
+      "Content-Type": "application/json",
+      "Accept-Language": language || "en",
+      ...accessToken ? { Authorization: `Bearer ${accessToken}` } : {}
+    },
+    signal
   });
   if (!response.ok) {
     throw await parseApiError(
@@ -4910,6 +5017,15 @@ var submitConsentEvent2 = async ({
 
 // src/RedactoNoticeConsentInline/styles.ts
 var styles2 = {
+  // Root of the embedded widget — the host supplies the surrounding card, so this
+  // is layout plus the font the rest of the widget inherits. (`container` below is
+  // a standalone-card variant that the current layout does not use.)
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "16px",
+    fontFamily: "inherit"
+  },
   overlay: {
     position: "fixed",
     top: 0,
@@ -5256,11 +5372,11 @@ var styles2 = {
 };
 
 // src/RedactoNoticeConsentInline/useMediaQuery.ts
-import { useState as useState2, useEffect as useEffect2 } from "react";
+import { useState as useState2, useEffect as useEffect3 } from "react";
 var useMediaQuery2 = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
   const [matches, setMatches] = useState2(getMatches);
-  useEffect2(() => {
+  useEffect3(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -5341,11 +5457,11 @@ var RedactoConsentInlineComponent = ({
   const [fetchError, setFetchError] = useState3(null);
   const [errorMessage, setErrorMessage] = useState3(null);
   const hasSubmittedRef = useRef2(false);
-  useEffect3(() => {
+  useEffect4(() => {
     injectSpinnerAnimation();
   }, []);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const responsiveStyles = useMemo2(
+  const responsiveStyles = useMemo3(
     () => ({
       optionTitle: {
         fontSize: isMobile ? "14px" : "16px"
@@ -5363,7 +5479,7 @@ var RedactoConsentInlineComponent = ({
     }),
     [isMobile]
   );
-  const areAllRequiredElementsChecked = useMemo2(() => {
+  const areAllRequiredElementsChecked = useMemo3(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -5374,10 +5490,10 @@ var RedactoConsentInlineComponent = ({
       );
     });
   }, [content, selectedDataElements]);
-  useEffect3(() => {
+  useEffect4(() => {
     onValidationChange == null ? void 0 : onValidationChange(areAllRequiredElementsChecked);
   }, [areAllRequiredElementsChecked, onValidationChange]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -5419,18 +5535,24 @@ var RedactoConsentInlineComponent = ({
     }
     return defaultText;
   };
-  const fetchNotice = async () => {
+  const fetchNotice = async (signal) => {
     setIsLoading(true);
     setFetchError(null);
+    setHasAlreadyConsented(false);
     try {
       const consentContentData = await fetchConsentContent2({
         org_uuid,
         workspace_uuid,
         notice_uuid,
+        accessToken,
         baseUrl,
         language,
-        specific_uuid: applicationId
+        specific_uuid: applicationId,
+        signal
       });
+      if (signal == null ? void 0 : signal.aborted) {
+        return;
+      }
       const activeConfig = consentContentData.detail.active_config;
       setContent(activeConfig);
       if (activeConfig.default_language) {
@@ -5466,6 +5588,9 @@ var RedactoConsentInlineComponent = ({
       );
       setSelectedPurposes(initialPurposeState);
     } catch (err) {
+      if ((signal == null ? void 0 : signal.aborted) || err instanceof Error && err.name === "AbortError") {
+        return;
+      }
       const error = err;
       setFetchError(error);
       if (error.status === 409) {
@@ -5474,13 +5599,19 @@ var RedactoConsentInlineComponent = ({
         onError == null ? void 0 : onError(error);
       }
     } finally {
-      setIsLoading(false);
+      if (!(signal == null ? void 0 : signal.aborted)) {
+        setIsLoading(false);
+      }
     }
   };
-  useEffect3(() => {
-    fetchNotice();
-  }, [org_uuid, workspace_uuid, notice_uuid, language, applicationId]);
-  useEffect3(() => {
+  useEffect4(() => {
+    const controller = new AbortController();
+    void fetchNotice(controller.signal);
+    return () => {
+      controller.abort();
+    };
+  }, [org_uuid, workspace_uuid, notice_uuid, language, applicationId, accessToken]);
+  useEffect4(() => {
     if (!ledgerBaseUrl || applicationId) {
       return;
     }
@@ -5634,7 +5765,7 @@ var RedactoConsentInlineComponent = ({
       onAccept
     ]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     if (accessToken && content && areAllRequiredElementsChecked && !isSubmitting && !isCheckingConsent && !hasAlreadyConsented && !hasSubmittedRef.current) {
       hasSubmittedRef.current = true;
       const autoSubmit = async () => {
@@ -5656,7 +5787,7 @@ var RedactoConsentInlineComponent = ({
     hasAlreadyConsented,
     handleAcceptWithToken
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!accessToken) {
       hasSubmittedRef.current = false;
     }
@@ -5667,11 +5798,20 @@ var RedactoConsentInlineComponent = ({
   const textStyle = {
     color: (settings == null ? void 0 : settings.textColor) || "#344054"
   };
+  const fontFamily = useNoticeFont({
+    hostFont: settings == null ? void 0 : settings.font,
+    noticeFont: content == null ? void 0 : content.font_preference
+  });
+  const rootStyle = { ...styles2.root, fontFamily };
+  const loadingRootStyle = {
+    ...styles2.loadingContainer,
+    fontFamily
+  };
   if (hasAlreadyConsented || fetchError) {
     return null;
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsxs2("div", { style: styles2.loadingContainer, children: [
+    return /* @__PURE__ */ jsxs2("div", { ...NOTICE_FONT_ROOT_PROPS, style: loadingRootStyle, children: [
       /* @__PURE__ */ jsx2("div", { style: styles2.loadingSpinner }),
       /* @__PURE__ */ jsx2("p", { style: { ...styles2.privacyText, ...textStyle }, children: "Loading..." })
     ] });
@@ -5679,7 +5819,7 @@ var RedactoConsentInlineComponent = ({
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+  return /* @__PURE__ */ jsxs2("div", { ...NOTICE_FONT_ROOT_PROPS, style: rootStyle, children: [
     errorMessage && /* @__PURE__ */ jsx2(
       "div",
       {
@@ -5858,7 +5998,7 @@ RedactoConsentInlineComponent.displayName = "RedactoConsentInline";
 var RedactoConsentInline = memo(RedactoConsentInlineComponent);
 
 // src/RedactoNoticeAssisted/RedactoNoticeAssisted.tsx
-import { useState as useState5, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef3, useCallback as useCallback3 } from "react";
+import { useState as useState5, useEffect as useEffect6, useMemo as useMemo4, useRef as useRef3, useCallback as useCallback3 } from "react";
 
 // src/RedactoNoticeAssisted/styles.ts
 var styles3 = {
@@ -5964,6 +6104,7 @@ var styles3 = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
+    fontFamily: "inherit",
     fontWeight: 400,
     fontSize: "12px",
     lineHeight: "150%",
@@ -6341,6 +6482,7 @@ var styles3 = {
     borderRadius: "8px",
     border: "1px solid #d0d5dd",
     textAlign: "center",
+    fontFamily: "inherit",
     fontSize: "18px",
     fontWeight: 500,
     color: "#101828",
@@ -6462,6 +6604,7 @@ var styles3 = {
     width: "100%",
     borderRadius: "8px",
     padding: "9px 45px",
+    fontFamily: "inherit",
     fontWeight: 400,
     fontSize: "16px",
     lineHeight: "150%",
@@ -6761,11 +6904,11 @@ var injectAssistedStyles = () => {
 };
 
 // src/RedactoNoticeAssisted/useMediaQuery.ts
-import { useState as useState4, useEffect as useEffect4 } from "react";
+import { useState as useState4, useEffect as useEffect5 } from "react";
 var useMediaQuery3 = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
   const [matches, setMatches] = useState4(getMatches);
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -8420,10 +8563,10 @@ var RedactoNoticeAssisted = ({
   const [isVerifying, setIsVerifying] = useState5(false);
   const [createError, setCreateError] = useState5(null);
   const [otpError, setOtpError] = useState5(null);
-  useEffect5(() => {
+  useEffect6(() => {
     injectAssistedStyles();
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     const controller = new AbortController();
     setIsLoading(true);
     setFetchError(null);
@@ -8461,14 +8604,14 @@ var RedactoNoticeAssisted = ({
     });
     return () => controller.abort();
   }, [organisationUuid, workspaceUuid, noticeUuid, baseUrl]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (resendCountdown <= 0) return;
     const intervalId = window.setInterval(() => {
       setResendCountdown((prev) => prev <= 1 ? 0 : prev - 1);
     }, 1e3);
     return () => window.clearInterval(intervalId);
   }, [resendCountdown]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (step !== "verify") return;
     const id = window.setTimeout(
       () => scrollIntoViewSoft(verifyBlockRef.current),
@@ -8476,7 +8619,7 @@ var RedactoNoticeAssisted = ({
     );
     return () => window.clearTimeout(id);
   }, [step]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!otpSent) return;
     const id = window.setTimeout(
       () => scrollIntoViewSoft(otpSectionRef.current),
@@ -8484,7 +8627,7 @@ var RedactoNoticeAssisted = ({
     );
     return () => window.clearTimeout(id);
   }, [otpSent]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!isLanguageDropdownOpen) return;
     const handleClickOutside = (e) => {
       if (languageContainerRef.current && !languageContainerRef.current.contains(e.target)) {
@@ -8499,7 +8642,7 @@ var RedactoNoticeAssisted = ({
   const isMobileValid = mobile.replace(/\D/g, "").length >= 10;
   const isEmailValid = EMAIL_REGEX.test(email.trim());
   const isContactValid = verifyMethod === "email" ? isEmailValid : isMobileValid;
-  const areAllRequiredElementsChecked = useMemo3(() => {
+  const areAllRequiredElementsChecked = useMemo4(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -8510,7 +8653,7 @@ var RedactoNoticeAssisted = ({
       );
     });
   }, [content, selectedDataElements]);
-  const normalizedDefaultLang = useMemo3(() => {
+  const normalizedDefaultLang = useMemo4(() => {
     const dl = content == null ? void 0 : content.default_language;
     if (!dl) return "English";
     return dl === "en" || dl === "EN" ? "English" : dl;
@@ -8519,7 +8662,7 @@ var RedactoNoticeAssisted = ({
     (lang) => lang === "English" || lang === "en" || lang === "EN",
     []
   );
-  const ts = useMemo3(
+  const ts = useMemo4(
     () => makeStaticT(toBcp47Code(selectedLanguage)),
     [selectedLanguage]
   );
@@ -8565,7 +8708,7 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedLanguage, isDefaultLanguage]
   );
-  const availableLanguages = useMemo3(() => {
+  const availableLanguages = useMemo4(() => {
     if (!content) return [selectedLanguage];
     const pinned = ["English"];
     if (normalizedDefaultLang && normalizedDefaultLang !== "English") {
@@ -8582,10 +8725,10 @@ var RedactoNoticeAssisted = ({
     "--ra-accent": primaryColor,
     "--ra-accent-soft": accentSoft
   };
-  const fontFamily = (content == null ? void 0 : content.font_preference) || void 0;
+  const fontFamily = useNoticeFont({ noticeFont: content == null ? void 0 : content.font_preference });
   const logoUrl = (content == null ? void 0 : content.logo_url) || redacto_logo_default2;
   const linkStyle = { ...styles3.link, color: secondaryColor };
-  const responsive = useMemo3(
+  const responsive = useMemo4(
     () => ({
       modal: { width: isMobile ? "90%" : "700px" },
       title: { fontSize: isMobile ? "16px" : "18px" },
@@ -8676,7 +8819,7 @@ var RedactoNoticeAssisted = ({
     setSelectedLanguage(lang);
     setIsLanguageDropdownOpen(false);
   }, []);
-  const audioSequence = useMemo3(() => {
+  const audioSequence = useMemo4(() => {
     if (!ttsAudioUrls || !content) return [];
     const sequence = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -8737,7 +8880,7 @@ var RedactoNoticeAssisted = ({
     }
     return sequence;
   }, [ttsAudioUrls, content]);
-  const elementIdSequence = useMemo3(() => {
+  const elementIdSequence = useMemo4(() => {
     if (!ttsAudioUrls || !content) return [];
     const elementIds = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -8866,7 +9009,7 @@ var RedactoNoticeAssisted = ({
       playAudio();
     }
   }, [isPlaying, playAudio, pauseAudio]);
-  useEffect5(() => {
+  useEffect6(() => {
     setIsTTSAvailable(false);
     setTtsAudioUrls(null);
     stopAudio();
@@ -8897,7 +9040,7 @@ var RedactoNoticeAssisted = ({
     baseUrl,
     stopAudio
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     var _a;
     if (!isPlaying || !content || audioSequence.length === 0) return;
     const currentIndex = currentAudioIndex;
@@ -8916,7 +9059,7 @@ var RedactoNoticeAssisted = ({
       audioOffset += totalPurposeAudioCount;
     }
   }, [isPlaying, currentAudioIndex, audioSequence, content, collapsedPurposes]);
-  useEffect5(() => {
+  useEffect6(() => {
     const removeAllHighlights = () => {
       document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
         el.classList.remove("redacto-tts-highlight");
@@ -9805,6 +9948,7 @@ var RedactoNoticeAssisted = ({
   return /* @__PURE__ */ jsx3("div", { style: styles3.overlay, children: /* @__PURE__ */ jsx3(
     "div",
     {
+      ...NOTICE_FONT_ROOT_PROPS,
       style: {
         ...styles3.modal,
         ...responsive.modal,
@@ -9939,7 +10083,7 @@ var MailIcon = ({
 );
 
 // src/RedactoNoticeConsent/components/DigiLockerCallback.tsx
-import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef4, useState as useState6 } from "react";
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var DigiLockerCallback = ({
   accessToken: propAccessToken,
@@ -10197,7 +10341,7 @@ var DigiLockerCallback = ({
       }
     }
   }, [propAccessToken, baseUrl, onSuccess, onError, redirectToOriginalPage]);
-  useEffect6(() => {
+  useEffect7(() => {
     injectCheckboxStyles();
     handleCallback();
     return () => {
@@ -10415,5 +10559,6 @@ export {
   DigiLockerCallback,
   RedactoNoticeAssisted,
   RedactoNoticeConsent,
-  RedactoConsentInline as RedactoNoticeConsentInline
+  RedactoConsentInline as RedactoNoticeConsentInline,
+  configureNoticeFonts
 };