@redacto.io/consent-sdk-react 10.3.1 → 11.0.0-beta.2

package/dist/index.js

@@ -3,8 +3,13 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
 };
 var __export = (target, all) => {
   for (var name in all)
@@ -88,7 +93,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/RedactoNoticeConsent/api/index.ts
 var import_jwt_decode2 = require("jwt-decode");
@@ -1297,6 +1302,96 @@ var noticeChromeCopy = (language) => {
 };
 var NOTICE_CHROME_LANGUAGES = Object.keys(TRANSLATIONS);
 
+// src/shared/appearance/constants.ts
+var NOTICE_COLOR_KEYS = [
+  "background",
+  "surface",
+  "heading",
+  "text",
+  "muted_text",
+  "link",
+  "border",
+  "overlay",
+  "accept_all_bg",
+  "accept_all_text",
+  "accept_bg",
+  "accept_text",
+  "decline_bg",
+  "decline_text",
+  "decline_border",
+  "language_bg",
+  "language_text",
+  "language_selected_bg",
+  "language_selected_text",
+  "toggle_on",
+  "toggle_off",
+  "toggle_knob",
+  "tts_highlight_bg",
+  "tts_highlight_text"
+];
+var NOTICE_SELECTION_CONTROLS = ["checkbox", "radio", "dropdown"];
+var NOTICE_CONTROL_STYLES = ["checkbox", "switch"];
+var NOTICE_RADIUS_MIN = 0;
+var NOTICE_RADIUS_MAX = 28;
+var NOTICE_MOBILE_LAYOUTS = ["modal", "sheet"];
+var NOTICE_DESKTOP_POSITIONS = [
+  "center",
+  "bottom-right",
+  "bottom-left",
+  "bottom-bar"
+];
+var NOTICE_BACKDROPS = ["dim", "none"];
+var NOTICE_PHONE_FOOTERS = ["stacked", "paired"];
+var NOTICE_TEXT_SCALES = ["sm", "md", "lg"];
+var DEFAULT_TEXT_SCALE = "md";
+var DEFAULT_DESKTOP_POSITION = "center";
+var NOTICE_TEXT_SCALE_FACTORS = {
+  sm: 0.92,
+  md: 1,
+  lg: 1.1
+};
+var NOTICE_WIDTH_MIN = 320;
+var NOTICE_WIDTH_MAX = 960;
+var NOTICE_LOGO_SIZE_MIN = 16;
+var NOTICE_LOGO_SIZE_MAX = 96;
+var NOTICE_CUSTOM_CSS_MAX_LENGTH = 2e4;
+var NOTICE_DISALLOWED_CSS_TOKENS = [
+  "</style",
+  "@import",
+  "javascript:",
+  "expression(",
+  "behavior:"
+];
+var CSS_SCOPE_AT_RULE = "@scope";
+var CSS_STRING_SPECIALS_RE = /["\\\n]/g;
+var CSS_ESCAPE_RE = /\\([0-9a-f]{1,6})(?:\r\n|[ \t\r\n\f])?|\\([\s\S])/gi;
+var CSS_BRACKET_PAIRS = {
+  "{": "}",
+  "(": ")",
+  "[": "]"
+};
+var CSS_CLOSING_BRACKETS = Object.values(CSS_BRACKET_PAIRS);
+var CSS_QUOTES = ['"', "'"];
+var CSS_NEWLINES = ["\n", "\r", "\f"];
+var CSS_REPLACEMENT_CHARACTER = "\uFFFD";
+var MAX_CODE_POINT = 1114111;
+var HEX_RADIX = 16;
+var SURROGATE_MIN = 55296;
+var SURROGATE_MAX = 57343;
+var NOTICE_HEX_COLOR_RE = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var DEFAULT_TTS_HIGHLIGHT_BG = "#FFF9C4";
+var NOTICE_THEME_VARS = {
+  accent: "--redacto-accent",
+  controlOff: "--redacto-control-off",
+  knob: "--redacto-toggle-knob",
+  ttsBackground: "--redacto-tts-bg",
+  ttsText: "--redacto-tts-text"
+};
+var THEMED_ACCENT = `var(${NOTICE_THEME_VARS.accent}, #4f87ff)`;
+var THEMED_CONTROL_OFF = `var(${NOTICE_THEME_VARS.controlOff}, #d0d5dd)`;
+var THEMED_TTS_BACKGROUND = `var(${NOTICE_THEME_VARS.ttsBackground}, ${DEFAULT_TTS_HIGHLIGHT_BG})`;
+var TTS_TEXT_ATTRIBUTE = "data-redacto-tts-text";
+
 // src/RedactoNoticeConsent/constants.ts
 var DEFAULT_LOGO_POSITION = "left";
 var DEFAULT_PURPOSE_SECTION_HEADING = "Manage What You Share";
@@ -1414,8 +1509,6 @@ var MOTION_ATTRIBUTE = "data-redacto-motion";
 var MOTION_OFF = "off";
 var NOTICE_ID_ATTRIBUTE = "data-redacto-notice-id";
 var CUSTOM_CSS_ATTRIBUTE = "data-redacto-notice-css";
-var CSS_SCOPE_AT_RULE = "@scope";
-var CSS_STRING_SPECIALS_RE = /["\\\n]/g;
 var PX_LENGTH_RE = /^(\d+(?:\.\d+)?)px$/;
 var FONT_SIZE_PRECISION = 10;
 var DARK_SCHEME_QUERY = "(prefers-color-scheme: dark)";
@@ -2153,94 +2246,6 @@ var NoticeFooter = ({
   ] });
 };
 
-// src/shared/appearance/constants.ts
-var NOTICE_COLOR_KEYS = [
-  "background",
-  "surface",
-  "heading",
-  "text",
-  "muted_text",
-  "link",
-  "border",
-  "overlay",
-  "accept_all_bg",
-  "accept_all_text",
-  "accept_bg",
-  "accept_text",
-  "decline_bg",
-  "decline_text",
-  "decline_border",
-  "language_bg",
-  "language_text",
-  "language_selected_bg",
-  "language_selected_text",
-  "toggle_on",
-  "toggle_off",
-  "toggle_knob",
-  "tts_highlight_bg",
-  "tts_highlight_text"
-];
-var NOTICE_SELECTION_CONTROLS = ["checkbox", "radio", "dropdown"];
-var NOTICE_CONTROL_STYLES = ["checkbox", "switch"];
-var NOTICE_RADIUS_MIN = 0;
-var NOTICE_RADIUS_MAX = 28;
-var NOTICE_MOBILE_LAYOUTS = ["modal", "sheet"];
-var NOTICE_DESKTOP_POSITIONS = [
-  "center",
-  "bottom-right",
-  "bottom-left",
-  "bottom-bar"
-];
-var NOTICE_BACKDROPS = ["dim", "none"];
-var NOTICE_PHONE_FOOTERS = ["stacked", "paired"];
-var NOTICE_TEXT_SCALES = ["sm", "md", "lg"];
-var DEFAULT_TEXT_SCALE = "md";
-var DEFAULT_DESKTOP_POSITION = "center";
-var NOTICE_TEXT_SCALE_FACTORS = {
-  sm: 0.92,
-  md: 1,
-  lg: 1.1
-};
-var NOTICE_WIDTH_MIN = 320;
-var NOTICE_WIDTH_MAX = 960;
-var NOTICE_LOGO_SIZE_MIN = 16;
-var NOTICE_LOGO_SIZE_MAX = 96;
-var NOTICE_CUSTOM_CSS_MAX_LENGTH = 2e4;
-var NOTICE_DISALLOWED_CSS_TOKENS = [
-  "</style",
-  "@import",
-  "javascript:",
-  "expression(",
-  "behavior:"
-];
-var CSS_ESCAPE_RE = /\\([0-9a-f]{1,6})(?:\r\n|[ \t\r\n\f])?|\\([\s\S])/gi;
-var CSS_BRACKET_PAIRS = {
-  "{": "}",
-  "(": ")",
-  "[": "]"
-};
-var CSS_CLOSING_BRACKETS = Object.values(CSS_BRACKET_PAIRS);
-var CSS_QUOTES = ['"', "'"];
-var CSS_NEWLINES = ["\n", "\r", "\f"];
-var CSS_REPLACEMENT_CHARACTER = "\uFFFD";
-var MAX_CODE_POINT = 1114111;
-var HEX_RADIX = 16;
-var SURROGATE_MIN = 55296;
-var SURROGATE_MAX = 57343;
-var NOTICE_HEX_COLOR_RE = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
-var DEFAULT_TTS_HIGHLIGHT_BG = "#FFF9C4";
-var NOTICE_THEME_VARS = {
-  accent: "--redacto-accent",
-  controlOff: "--redacto-control-off",
-  knob: "--redacto-toggle-knob",
-  ttsBackground: "--redacto-tts-bg",
-  ttsText: "--redacto-tts-text"
-};
-var THEMED_ACCENT = `var(${NOTICE_THEME_VARS.accent}, #4f87ff)`;
-var THEMED_CONTROL_OFF = `var(${NOTICE_THEME_VARS.controlOff}, #d0d5dd)`;
-var THEMED_TTS_BACKGROUND = `var(${NOTICE_THEME_VARS.ttsBackground}, ${DEFAULT_TTS_HIGHLIGHT_BG})`;
-var TTS_TEXT_ATTRIBUTE = "data-redacto-tts-text";
-
 // src/shared/appearance/ttsCssVariables.ts
 var buildTtsCssVariables = (colors) => Object.fromEntries(
   [
@@ -4884,21 +4889,26 @@ var showsNoticePolicyLink = (productCount, entryCount) => entryCount === 0 || pr
 // src/RedactoNoticeConsent/useNoticeAppearance.ts
 var import_react7 = require("react");
 
-// src/RedactoNoticeConsent/services/customCss.ts
+// src/shared/appearance/scopedCss.ts
 var escapesScope = (style) => {
   var _a, _b;
   return Array.from((_b = (_a = style.sheet) == null ? void 0 : _a.cssRules) != null ? _b : []).some(
     (rule) => !rule.cssText.startsWith(CSS_SCOPE_AT_RULE)
   );
 };
-var applyNoticeCustomCss = (noticeId, css3) => {
-  if (typeof document === "undefined") {
+var applyScopedCustomCss = ({
+  scopeAttribute,
+  scopeId,
+  markerAttribute,
+  css: css3
+}) => {
+  if (typeof document === "undefined" || !css3.trim() || !isSafeCustomCss(css3)) {
     return () => void 0;
   }
-  const id = noticeId.replace(CSS_STRING_SPECIALS_RE, "\\$&");
+  const id = scopeId.replace(CSS_STRING_SPECIALS_RE, "\\$&");
   const style = document.createElement("style");
-  style.setAttribute(CUSTOM_CSS_ATTRIBUTE, noticeId);
-  style.textContent = `${CSS_SCOPE_AT_RULE} ([${NOTICE_ID_ATTRIBUTE}="${id}"]) {
+  style.setAttribute(markerAttribute, scopeId);
+  style.textContent = `${CSS_SCOPE_AT_RULE} ([${scopeAttribute}="${id}"]) {
 ${css3}
 }`;
   document.head.appendChild(style);
@@ -4909,6 +4919,14 @@ ${css3}
   return () => style.remove();
 };
 
+// src/RedactoNoticeConsent/services/customCss.ts
+var applyNoticeCustomCss = (noticeId, css3) => applyScopedCustomCss({
+  scopeAttribute: NOTICE_ID_ATTRIBUTE,
+  scopeId: noticeId,
+  markerAttribute: CUSTOM_CSS_ATTRIBUTE,
+  css: css3
+});
+
 // src/RedactoNoticeConsent/utils/mergeHostSettings.ts
 var definedColors = (colors) => Object.fromEntries(
   Object.entries(colors).filter(([, value]) => Boolean(value))
@@ -5065,6 +5083,65 @@ var updateConsentState = (updates) => {
   }
 };
 
+// src/shared/useResolvedEndpoints.ts
+var import_react8 = require("react");
+
+// src/shared/endpoints.ts
+var CONSENT_PATH = "/consent";
+var LEDGER_PATH = "/consent-ledger";
+var ABSOLUTE_HTTP_URL = /^https?:\/\/(?:\[[0-9a-f:.]+\]|[^\s/?#@:[\]]+)(?::\d+)?(?:\/[^\s?#]*)?$/i;
+var trimUrl = (value) => (value != null ? value : "").trim().replace(/\/+$/, "");
+var isConsentServerUrl = (trimmed) => ABSOLUTE_HTTP_URL.test(trimmed) && trimmed.endsWith(CONSENT_PATH);
+var isHostForm = (trimmed) => ABSOLUTE_HTTP_URL.test(trimmed) && !trimmed.endsWith(CONSENT_PATH);
+function resolveEndpoints(baseUrl, ledgerBaseUrl) {
+  const trimmed = trimUrl(baseUrl);
+  if (!isHostForm(trimmed)) {
+    return { mode: "legacy", apiHost: void 0, baseUrl, ledgerBaseUrl };
+  }
+  const apiHost = trimmed.endsWith(LEDGER_PATH) ? trimmed.slice(0, -LEDGER_PATH.length) : trimmed;
+  return {
+    mode: "host",
+    apiHost,
+    baseUrl: `${apiHost}${CONSENT_PATH}`,
+    ledgerBaseUrl: `${apiHost}${LEDGER_PATH}`
+  };
+}
+var ENDPOINT_WARNINGS = {
+  missingBaseUrl: "[Redacto] baseUrl is not set, so the SDK's built-in production default is used. Pass baseUrl: your API host.",
+  consentServerBaseUrl: "[Redacto] baseUrl is the consent server URL (ending in /consent), which is deprecated. Pass the API host instead; the SDK derives the consent server and ledger URLs from it.",
+  ledgerBaseUrl: "[Redacto] ledgerBaseUrl is deprecated. Pass the Redacto API host as baseUrl instead; the SDK then reaches the consent server and the ledger under it.",
+  ledgerBaseUrlIgnored: "[Redacto] ledgerBaseUrl is ignored because baseUrl is the API host; the SDK reaches the ledger under that host. Remove ledgerBaseUrl.",
+  slugIgnored: "[Redacto] slug is deprecated and ignored. The Privacy Center reads the organisation from the access token, or from organisationUuid and workspaceUuid. Remove slug."
+};
+var issuedWarnings = /* @__PURE__ */ new Set();
+var warnOnce = (warning) => {
+  if (issuedWarnings.has(warning)) {
+    return;
+  }
+  issuedWarnings.add(warning);
+  console.warn(ENDPOINT_WARNINGS[warning]);
+};
+var warnEndpointUsage = (baseUrl, ledgerBaseUrl, { hasBuiltInDefault }) => {
+  if (!baseUrl) {
+    if (hasBuiltInDefault) {
+      warnOnce("missingBaseUrl");
+    }
+  } else if (isConsentServerUrl(trimUrl(baseUrl))) {
+    warnOnce("consentServerBaseUrl");
+  }
+  if (trimUrl(ledgerBaseUrl)) {
+    warnOnce(isHostForm(trimUrl(baseUrl)) ? "ledgerBaseUrlIgnored" : "ledgerBaseUrl");
+  }
+};
+
+// src/shared/useResolvedEndpoints.ts
+var useResolvedEndpoints = (baseUrl, ledgerBaseUrl, { warn = true, hasBuiltInDefault = true } = {}) => (0, import_react8.useMemo)(() => {
+  if (warn) {
+    warnEndpointUsage(baseUrl, ledgerBaseUrl, { hasBuiltInDefault });
+  }
+  return resolveEndpoints(baseUrl, ledgerBaseUrl);
+}, [baseUrl, ledgerBaseUrl, warn, hasBuiltInDefault]);
+
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var DEFAULT_HEADING_COLOR = "#323B4B";
@@ -5220,7 +5297,7 @@ var PurposeItem = ({
 }) => {
   var _a, _b;
   const stateKey = productPurposeKey(productUuid, purpose.uuid);
-  const handlePurposeToggle = (0, import_react8.useCallback)(
+  const handlePurposeToggle = (0, import_react9.useCallback)(
     () => onPurposeToggle(purpose.uuid, productUuid),
     [onPurposeToggle, purpose.uuid, productUuid]
   );
@@ -5229,13 +5306,13 @@ var PurposeItem = ({
     purpose.name,
     purpose.uuid
   )}`;
-  const headingStyle = (0, import_react8.useMemo)(
+  const headingStyle = (0, import_react9.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.headingColor) || DEFAULT_HEADING_COLOR
     }),
     [settings == null ? void 0 : settings.headingColor]
   );
-  const textStyle = (0, import_react8.useMemo)(
+  const textStyle = (0, import_react9.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
@@ -5481,12 +5558,12 @@ var GuardianForm = ({
   logoUrl
 }) => {
   var _a, _b, _c, _d, _e;
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react8.useState)(false);
-  const [focusedIndex, setFocusedIndex] = (0, import_react8.useState)(-1);
-  const [openUpward, setOpenUpward] = (0, import_react8.useState)(false);
-  const dropdownRef = (0, import_react8.useRef)(null);
-  const optionsRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react9.useState)(false);
+  const [focusedIndex, setFocusedIndex] = (0, import_react9.useState)(-1);
+  const [openUpward, setOpenUpward] = (0, import_react9.useState)(false);
+  const dropdownRef = (0, import_react9.useRef)(null);
+  const optionsRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (!isDropdownOpen) return;
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
@@ -5497,7 +5574,7 @@ var GuardianForm = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isDropdownOpen]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isDropdownOpen || !dropdownRef.current) return;
     const rect = dropdownRef.current.getBoundingClientRect();
     const spaceBelow = window.innerHeight - rect.bottom;
@@ -5542,7 +5619,7 @@ var GuardianForm = ({
         break;
     }
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a2;
     if (focusedIndex >= 0 && optionsRef.current) {
       const option = optionsRef.current.children[focusedIndex];
@@ -6351,8 +6428,8 @@ var NoticeConsentView = ({
   ucic,
   organisationUuid,
   workspaceUuid,
-  baseUrl,
-  ledgerBaseUrl,
+  baseUrl: baseUrlProp,
+  ledgerBaseUrl: ledgerBaseUrlProp,
   language = "en",
   blockUI = true,
   onAccept,
@@ -6374,7 +6451,11 @@ var NoticeConsentView = ({
   forceColorScheme
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L;
-  const sandboxParams = (0, import_react8.useMemo)(
+  const endpoints = useResolvedEndpoints(baseUrlProp, ledgerBaseUrlProp, {
+    warn: !previewContent
+  });
+  const { baseUrl, ledgerBaseUrl } = endpoints;
+  const sandboxParams = (0, import_react9.useMemo)(
     () => ({
       token,
       sandboxUcic: ucic,
@@ -6385,7 +6466,7 @@ var NoticeConsentView = ({
     }),
     [token, ucic, email, mobile, organisationUuid, workspaceUuid]
   );
-  const propValidationError = (0, import_react8.useMemo)(() => {
+  const propValidationError = (0, import_react9.useMemo)(() => {
     if (previewContent) {
       return null;
     }
@@ -6435,12 +6516,12 @@ var NoticeConsentView = ({
       }
     );
   }
-  const [isLoading, setIsLoading] = (0, import_react8.useState)(true);
-  const [isSubmitting, setIsSubmitting] = (0, import_react8.useState)(false);
-  const [isSubmittingAccept, setIsSubmittingAccept] = (0, import_react8.useState)(false);
-  const [isSubmittingDecline, setIsSubmittingDecline] = (0, import_react8.useState)(false);
-  const [content, setContent] = (0, import_react8.useState)(null);
-  const [cachedAppearance, setCachedAppearance] = (0, import_react8.useState)(void 0);
+  const [isLoading, setIsLoading] = (0, import_react9.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react9.useState)(false);
+  const [isSubmittingAccept, setIsSubmittingAccept] = (0, import_react9.useState)(false);
+  const [isSubmittingDecline, setIsSubmittingDecline] = (0, import_react9.useState)(false);
+  const [content, setContent] = (0, import_react9.useState)(null);
+  const [cachedAppearance, setCachedAppearance] = (0, import_react9.useState)(void 0);
   useIsomorphicLayoutEffect(() => {
     setCachedAppearance(readCachedAppearance(noticeId));
   }, [noticeId]);
@@ -6450,101 +6531,101 @@ var NoticeConsentView = ({
     settings,
     forceColorScheme
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (content && !previewContent) {
       writeCachedAppearance(content.notice_uuid, content.appearance);
     }
   }, [content, previewContent]);
-  const noticeSettings = (0, import_react8.useMemo)(
+  const noticeSettings = (0, import_react9.useMemo)(
     () => toNoticeStyleSettings(noticeAppearance),
     [noticeAppearance]
   );
-  const [categorizedPurposes, setCategorizedPurposes] = (0, import_react8.useState)(null);
-  const [selectedPurposes, setSelectedPurposes] = (0, import_react8.useState)({});
-  const [selectedDataElements, setSelectedDataElements] = (0, import_react8.useState)({});
-  const [initialDataElementSelections, setInitialDataElementSelections] = (0, import_react8.useState)({});
-  const [recordedPurposeSelections, setRecordedPurposeSelections] = (0, import_react8.useState)({});
-  const [recordedAnswers, setRecordedAnswers] = (0, import_react8.useState)({});
-  const [collapsedProducts, setCollapsedProducts] = (0, import_react8.useState)({});
-  const [pendingAction, setPendingAction] = (0, import_react8.useState)(null);
-  const pendingActionRef = (0, import_react8.useRef)(null);
+  const [categorizedPurposes, setCategorizedPurposes] = (0, import_react9.useState)(null);
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react9.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react9.useState)({});
+  const [initialDataElementSelections, setInitialDataElementSelections] = (0, import_react9.useState)({});
+  const [recordedPurposeSelections, setRecordedPurposeSelections] = (0, import_react9.useState)({});
+  const [recordedAnswers, setRecordedAnswers] = (0, import_react9.useState)({});
+  const [collapsedProducts, setCollapsedProducts] = (0, import_react9.useState)({});
+  const [pendingAction, setPendingAction] = (0, import_react9.useState)(null);
+  const pendingActionRef = (0, import_react9.useRef)(null);
   pendingActionRef.current = pendingAction;
-  const [confirmAction, setConfirmAction] = (0, import_react8.useState)("accept-selected");
-  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react8.useState)({});
-  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react8.useState)(false);
-  const [consentedProducts, setConsentedProducts] = (0, import_react8.useState)({});
-  const [consentedPurposes, setConsentedPurposes] = (0, import_react8.useState)({});
-  const [isFullyConsentedReviewMode, setIsFullyConsentedReviewMode] = (0, import_react8.useState)(false);
-  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react8.useState)(false);
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react8.useState)(language);
-  const chrome = (0, import_react8.useMemo)(
+  const [confirmAction, setConfirmAction] = (0, import_react9.useState)("accept-selected");
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react9.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react9.useState)(false);
+  const [consentedProducts, setConsentedProducts] = (0, import_react9.useState)({});
+  const [consentedPurposes, setConsentedPurposes] = (0, import_react9.useState)({});
+  const [isFullyConsentedReviewMode, setIsFullyConsentedReviewMode] = (0, import_react9.useState)(false);
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react9.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react9.useState)(language);
+  const chrome = (0, import_react9.useMemo)(
     () => noticeChromeCopy(selectedLanguage),
     [selectedLanguage]
   );
-  const [errorMessage, setErrorMessage] = (0, import_react8.useState)(null);
-  const [fetchError, setFetchError] = (0, import_react8.useState)(null);
-  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react8.useState)(null);
-  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react8.useState)(false);
-  const [isPlaying, setIsPlaying] = (0, import_react8.useState)(false);
-  const [isPaused, setIsPaused] = (0, import_react8.useState)(false);
-  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react8.useState)(0);
-  const [highlightedElementId, setHighlightedElementId] = (0, import_react8.useState)(null);
-  const [showAgeVerification, setShowAgeVerification] = (0, import_react8.useState)(false);
-  const [isMinorFlow, setIsMinorFlow] = (0, import_react8.useState)(false);
-  const [selfDeclaredAdult, setSelfDeclaredAdult] = (0, import_react8.useState)(false);
-  const [showGuardianForm, setShowGuardianForm] = (0, import_react8.useState)(false);
-  const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react8.useState)(false);
-  const [otpPendingMode, setOtpPendingMode] = (0, import_react8.useState)(null);
-  const preGateSelectionRef = (0, import_react8.useRef)(null);
-  const otpVerifiedRef = (0, import_react8.useRef)(false);
-  const otpTokenAtVerifyRef = (0, import_react8.useRef)(void 0);
-  const [otpAcceptAfterToken, setOtpAcceptAfterToken] = (0, import_react8.useState)(null);
-  const [otpCode, setOtpCode] = (0, import_react8.useState)("");
-  const [otpError, setOtpError] = (0, import_react8.useState)(null);
-  const [otpBusy, setOtpBusy] = (0, import_react8.useState)(false);
+  const [errorMessage, setErrorMessage] = (0, import_react9.useState)(null);
+  const [fetchError, setFetchError] = (0, import_react9.useState)(null);
+  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react9.useState)(null);
+  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react9.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, import_react9.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react9.useState)(false);
+  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react9.useState)(0);
+  const [highlightedElementId, setHighlightedElementId] = (0, import_react9.useState)(null);
+  const [showAgeVerification, setShowAgeVerification] = (0, import_react9.useState)(false);
+  const [isMinorFlow, setIsMinorFlow] = (0, import_react9.useState)(false);
+  const [selfDeclaredAdult, setSelfDeclaredAdult] = (0, import_react9.useState)(false);
+  const [showGuardianForm, setShowGuardianForm] = (0, import_react9.useState)(false);
+  const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react9.useState)(false);
+  const [otpPendingMode, setOtpPendingMode] = (0, import_react9.useState)(null);
+  const preGateSelectionRef = (0, import_react9.useRef)(null);
+  const otpVerifiedRef = (0, import_react9.useRef)(false);
+  const otpTokenAtVerifyRef = (0, import_react9.useRef)(void 0);
+  const [otpAcceptAfterToken, setOtpAcceptAfterToken] = (0, import_react9.useState)(null);
+  const [otpCode, setOtpCode] = (0, import_react9.useState)("");
+  const [otpError, setOtpError] = (0, import_react9.useState)(null);
+  const [otpBusy, setOtpBusy] = (0, import_react9.useState)(false);
   const otpLocked = otpPendingMode !== null;
   const focusOtpDigit = (index) => {
     var _a2;
     if (index < 0 || index >= OTP_GATE_LENGTH) return;
     (_a2 = document.getElementById(`notice-otp-digit-${index}`)) == null ? void 0 : _a2.focus();
   };
-  const [guardianFormData, setGuardianFormData] = (0, import_react8.useState)({
+  const [guardianFormData, setGuardianFormData] = (0, import_react9.useState)({
     guardianName: "",
     guardianContact: "",
     guardianRelationship: ""
   });
-  const [guardianFormErrors, setGuardianFormErrors] = (0, import_react8.useState)({});
-  const [showVerificationScreen, setShowVerificationScreen] = (0, import_react8.useState)(false);
-  const [verificationReference, setVerificationReference] = (0, import_react8.useState)(null);
-  const [isInitiatingVerification, setIsInitiatingVerification] = (0, import_react8.useState)(false);
-  const [verificationError, setVerificationError] = (0, import_react8.useState)(
+  const [guardianFormErrors, setGuardianFormErrors] = (0, import_react9.useState)({});
+  const [showVerificationScreen, setShowVerificationScreen] = (0, import_react9.useState)(false);
+  const [verificationReference, setVerificationReference] = (0, import_react9.useState)(null);
+  const [isInitiatingVerification, setIsInitiatingVerification] = (0, import_react9.useState)(false);
+  const [verificationError, setVerificationError] = (0, import_react9.useState)(
     null
   );
-  const [verificationErrorCode, setVerificationErrorCode] = (0, import_react8.useState)(null);
-  const [canRetryVerification, setCanRetryVerification] = (0, import_react8.useState)(false);
-  const [isPollingStatus, setIsPollingStatus] = (0, import_react8.useState)(false);
-  const [isVerificationComplete, setIsVerificationComplete] = (0, import_react8.useState)(false);
-  const [isAutoTransitioning, setIsAutoTransitioning] = (0, import_react8.useState)(false);
-  const modalRef = (0, import_react8.useRef)(null);
-  const firstFocusableRef = (0, import_react8.useRef)(null);
-  const lastFocusableRef = (0, import_react8.useRef)(null);
-  const abortControllerRef = (0, import_react8.useRef)(null);
-  const isRequestInProgressRef = (0, import_react8.useRef)(false);
-  const currentAudioRef = (0, import_react8.useRef)(null);
-  const popupCheckIntervalRef = (0, import_react8.useRef)(null);
-  const statusPollIntervalRef = (0, import_react8.useRef)(null);
-  const verificationPopupRef = (0, import_react8.useRef)(null);
-  const pollingCleanupRef = (0, import_react8.useRef)(null);
-  const autoTransitionTimerRef = (0, import_react8.useRef)(
+  const [verificationErrorCode, setVerificationErrorCode] = (0, import_react9.useState)(null);
+  const [canRetryVerification, setCanRetryVerification] = (0, import_react9.useState)(false);
+  const [isPollingStatus, setIsPollingStatus] = (0, import_react9.useState)(false);
+  const [isVerificationComplete, setIsVerificationComplete] = (0, import_react9.useState)(false);
+  const [isAutoTransitioning, setIsAutoTransitioning] = (0, import_react9.useState)(false);
+  const modalRef = (0, import_react9.useRef)(null);
+  const firstFocusableRef = (0, import_react9.useRef)(null);
+  const lastFocusableRef = (0, import_react9.useRef)(null);
+  const abortControllerRef = (0, import_react9.useRef)(null);
+  const isRequestInProgressRef = (0, import_react9.useRef)(false);
+  const currentAudioRef = (0, import_react9.useRef)(null);
+  const popupCheckIntervalRef = (0, import_react9.useRef)(null);
+  const statusPollIntervalRef = (0, import_react9.useRef)(null);
+  const verificationPopupRef = (0, import_react9.useRef)(null);
+  const pollingCleanupRef = (0, import_react9.useRef)(null);
+  const autoTransitionTimerRef = (0, import_react9.useRef)(
     null
   );
-  const digilockerRedirectTimeoutRef = (0, import_react8.useRef)(null);
-  const isInitialMountRef = (0, import_react8.useRef)(true);
-  const isPollingStatusRef = (0, import_react8.useRef)(false);
-  const verificationSessionTokenRef = (0, import_react8.useRef)(null);
+  const digilockerRedirectTimeoutRef = (0, import_react9.useRef)(null);
+  const isInitialMountRef = (0, import_react9.useRef)(true);
+  const isPollingStatusRef = (0, import_react9.useRef)(false);
+  const verificationSessionTokenRef = (0, import_react9.useRef)(null);
   const isNarrowViewport = useMediaQuery("(max-width: 768px)");
   const isMobile = forceMobile != null ? forceMobile : isNarrowViewport;
-  const baseResponsiveStyles = (0, import_react8.useMemo)(
+  const baseResponsiveStyles = (0, import_react9.useMemo)(
     () => ({
       modal: {
         width: isMobile ? "90%" : "700px"
@@ -6625,7 +6706,7 @@ var NoticeConsentView = ({
   );
   const appearance = noticeAppearance.style;
   const appearanceColors = noticeAppearance.colors;
-  const layout = (0, import_react8.useMemo)(
+  const layout = (0, import_react9.useMemo)(
     () => resolveNoticeLayout(noticeAppearance),
     [noticeAppearance]
   );
@@ -6635,7 +6716,7 @@ var NoticeConsentView = ({
   const textColor = (noticeSettings == null ? void 0 : noticeSettings.textColor) || DEFAULT_TEXT_COLOR;
   const classicAccentColor = ((_b = (_a = noticeSettings == null ? void 0 : noticeSettings.button) == null ? void 0 : _a.accept) == null ? void 0 : _b.backgroundColor) || (content == null ? void 0 : content.primary_color) || (content ? DEFAULT_ACCENT_COLOR : headingColor);
   const accentColor = (_e = appearanceColors.toggle_on) != null ? _e : hasNoticeSkin(appearance) ? ((_d = (_c = noticeSettings == null ? void 0 : noticeSettings.button) == null ? void 0 : _c.acceptAll) == null ? void 0 : _d.backgroundColor) || classicAccentColor : classicAccentColor;
-  const variantStyles = (0, import_react8.useMemo)(
+  const variantStyles = (0, import_react9.useMemo)(
     () => buildVariantStyles(
       styles,
       appearance,
@@ -6644,7 +6725,7 @@ var NoticeConsentView = ({
     ),
     [appearance, appearanceColors, accentColor]
   );
-  const skin = (0, import_react8.useMemo)(
+  const skin = (0, import_react9.useMemo)(
     () => {
       var _a2;
       return buildNoticeSkin(appearance, variantStyles, {
@@ -6669,26 +6750,26 @@ var NoticeConsentView = ({
     ]
   );
   const textScale = NOTICE_TEXT_SCALE_FACTORS[(_f = noticeAppearance.textScale) != null ? _f : DEFAULT_TEXT_SCALE];
-  const styles4 = (0, import_react8.useMemo)(
+  const styles4 = (0, import_react9.useMemo)(
     () => {
       var _a2;
       return scaleFontSizes((_a2 = skin == null ? void 0 : skin.styles) != null ? _a2 : variantStyles, textScale);
     },
     [skin, variantStyles, textScale]
   );
-  const overlayStyle2 = (0, import_react8.useMemo)(() => {
+  const overlayStyle2 = (0, import_react9.useMemo)(() => {
     if (!layout.dimBackdrop) {
       return { ...styles4.overlay, backgroundColor: "transparent" };
     }
     return appearanceColors.overlay ? { ...styles4.overlay, backgroundColor: appearanceColors.overlay } : styles4.overlay;
   }, [styles4.overlay, appearanceColors.overlay, layout.dimBackdrop]);
   const styleRadii = STYLE_RADII[appearance];
-  const themeCssVariables = (0, import_react8.useMemo)(
+  const themeCssVariables = (0, import_react9.useMemo)(
     () => buildThemeCssVariables(appearanceColors),
     [appearanceColors]
   );
   const logoSize = noticeAppearance.logoSize;
-  const responsiveStyles = (0, import_react8.useMemo)(() => {
+  const responsiveStyles = (0, import_react9.useMemo)(() => {
     var _a2;
     const merged = {
       ...baseResponsiveStyles
@@ -6707,7 +6788,7 @@ var NoticeConsentView = ({
     return scaleFontSizes(merged, textScale);
   }, [baseResponsiveStyles, skin, logoSize, textScale]);
   const sheetParts = skin == null ? void 0 : skin.parts;
-  const layoutParts = (0, import_react8.useMemo)(() => {
+  const layoutParts = (0, import_react9.useMemo)(() => {
     var _a2;
     const parts = (_a2 = skin == null ? void 0 : skin.parts) != null ? _a2 : buildLayoutParts(
       solidSurface(appearanceColors, accentColor, STYLE_RADII[appearance]),
@@ -6750,12 +6831,12 @@ var NoticeConsentView = ({
     }
   }, [appearance, drawsSwitches]);
   useNoticeCustomCss(noticeId, noticeAppearance.customCss);
-  const [openSections, setOpenSections] = (0, import_react8.useState)({
+  const [openSections, setOpenSections] = (0, import_react9.useState)({
     about: false,
     dpo: false
   });
   const isTalkbackActive = isPlaying || isPaused;
-  const keepFocusedSectionsOpen = (0, import_react8.useCallback)(() => {
+  const keepFocusedSectionsOpen = (0, import_react9.useCallback)(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -6779,25 +6860,25 @@ var NoticeConsentView = ({
     hostFont: settings == null ? void 0 : settings.font,
     noticeFont: content == null ? void 0 : content.font_preference
   });
-  const componentHeadingStyle = (0, import_react8.useMemo)(
+  const componentHeadingStyle = (0, import_react9.useMemo)(
     () => ({
       color: (noticeSettings == null ? void 0 : noticeSettings.headingColor) || "#323B4B"
     }),
     [noticeSettings == null ? void 0 : noticeSettings.headingColor]
   );
-  const componentTextStyle = (0, import_react8.useMemo)(
+  const componentTextStyle = (0, import_react9.useMemo)(
     () => ({
       color: (noticeSettings == null ? void 0 : noticeSettings.textColor) || "#344054"
     }),
     [noticeSettings == null ? void 0 : noticeSettings.textColor]
   );
-  const sectionStyle = (0, import_react8.useMemo)(
+  const sectionStyle = (0, import_react9.useMemo)(
     () => ({
       color: (noticeSettings == null ? void 0 : noticeSettings.textColor) || "#344054"
     }),
     [noticeSettings == null ? void 0 : noticeSettings.textColor]
   );
-  const logoRowStyle = (0, import_react8.useMemo)(
+  const logoRowStyle = (0, import_react9.useMemo)(
     () => ({
       ...styles4.logoRow,
       justifyContent: logoRowJustify(
@@ -6806,7 +6887,7 @@ var NoticeConsentView = ({
     }),
     [styles4, content == null ? void 0 : content.logo_position]
   );
-  const purposeRows = (0, import_react8.useMemo)(
+  const purposeRows = (0, import_react9.useMemo)(
     () => {
       var _a2;
       return noticePurposeRows(
@@ -6817,7 +6898,7 @@ var NoticeConsentView = ({
     },
     [content]
   );
-  const renderedPurposes = (0, import_react8.useMemo)(
+  const renderedPurposes = (0, import_react9.useMemo)(
     () => {
       var _a2;
       return purposesInRenderOrder(
@@ -6828,7 +6909,7 @@ var NoticeConsentView = ({
     },
     [content]
   );
-  const productGroups = (0, import_react8.useMemo)(
+  const productGroups = (0, import_react9.useMemo)(
     () => {
       var _a2;
       return groupPurposesByProduct(
@@ -6839,15 +6920,15 @@ var NoticeConsentView = ({
     },
     [content]
   );
-  const productMandatoryIsAuthoritative = (0, import_react8.useMemo)(
+  const productMandatoryIsAuthoritative = (0, import_react9.useMemo)(
     () => serverMarksMandatoryProducts(content == null ? void 0 : content.products),
     [content]
   );
-  const gatedProducts = (0, import_react8.useMemo)(
+  const gatedProducts = (0, import_react9.useMemo)(
     () => gatedProductUuids(content == null ? void 0 : content.products),
     [content]
   );
-  const productIsRequiredFor = (0, import_react8.useCallback)(
+  const productIsRequiredFor = (0, import_react9.useCallback)(
     (productUuid) => {
       var _a2;
       if (!productMandatoryIsAuthoritative) return void 0;
@@ -6856,7 +6937,7 @@ var NoticeConsentView = ({
     },
     [productMandatoryIsAuthoritative, gatedProducts, content]
   );
-  const confirmVerdict = (0, import_react8.useMemo)(() => {
+  const confirmVerdict = (0, import_react9.useMemo)(() => {
     var _a2;
     if (!content) return { ok: false, reason: "nothing-chosen", blocking: [] };
     if (purposeRows.length === 0)
@@ -6938,7 +7019,7 @@ var NoticeConsentView = ({
     gatedProducts
   ]);
   const acceptDisabled = isSubmitting || !confirmVerdict.ok;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a2, _b2;
     clearApiCache();
     isRequestInProgressRef.current = false;
@@ -7005,7 +7086,7 @@ var NoticeConsentView = ({
     }
     isInitialMountRef.current = false;
   }, [accessToken]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -7337,7 +7418,7 @@ var NoticeConsentView = ({
       isRequestInProgressRef.current = false;
     }
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     injectCheckboxStyles();
     fetchNotice();
   }, [
@@ -7416,7 +7497,7 @@ var NoticeConsentView = ({
     });
     setSelectedDataElements((prev) => ({ ...prev, ...elementOverrides }));
   };
-  const productBoxPurposes = (0, import_react8.useCallback)((purposes) => {
+  const productBoxPurposes = (0, import_react9.useCallback)((purposes) => {
     const required = purposes.filter(hasRequiredDataElement);
     return required.length > 0 ? required : purposes;
   }, []);
@@ -7618,7 +7699,7 @@ var NoticeConsentView = ({
       setIsSubmitting(false);
     }
   };
-  const handleDecline = (0, import_react8.useCallback)(async () => {
+  const handleDecline = (0, import_react9.useCallback)(async () => {
     try {
       setIsSubmittingDecline(true);
       setIsSubmitting(true);
@@ -7636,14 +7717,14 @@ var NoticeConsentView = ({
     setConfirmAction(kind);
     setPendingAction(() => action);
   };
-  const dismissConfirm = (0, import_react8.useCallback)(() => setPendingAction(null), []);
-  const runPendingAction = (0, import_react8.useCallback)(() => {
+  const dismissConfirm = (0, import_react9.useCallback)(() => setPendingAction(null), []);
+  const runPendingAction = (0, import_react9.useCallback)(() => {
     const action = pendingActionRef.current;
     if (!action) return;
     setPendingAction(null);
     action();
   }, []);
-  const handleGuardianFormChange = (0, import_react8.useCallback)(
+  const handleGuardianFormChange = (0, import_react9.useCallback)(
     (field, value) => {
       setGuardianFormData((prev) => ({
         ...prev,
@@ -7672,7 +7753,7 @@ var NoticeConsentView = ({
     setGuardianFormErrors(errors);
     return Object.keys(errors).length === 0;
   };
-  const handleGuardianFormNext = (0, import_react8.useCallback)(async () => {
+  const handleGuardianFormNext = (0, import_react9.useCallback)(async () => {
     if (!validateGuardianForm()) {
       return;
     }
@@ -7813,20 +7894,20 @@ var NoticeConsentView = ({
     noticeId,
     onError
   ]);
-  const handleAgeVerificationYes = (0, import_react8.useCallback)(() => {
+  const handleAgeVerificationYes = (0, import_react9.useCallback)(() => {
     setShowAgeVerification(false);
     setIsMinorFlow(false);
     setSelfDeclaredAdult(true);
   }, []);
-  const handleAgeVerificationNo = (0, import_react8.useCallback)(() => {
+  const handleAgeVerificationNo = (0, import_react9.useCallback)(() => {
     setShowAgeVerification(false);
     setShowGuardianForm(true);
   }, []);
-  const handleVerificationContinue = (0, import_react8.useCallback)(() => {
+  const handleVerificationContinue = (0, import_react9.useCallback)(() => {
     setShowVerificationScreen(false);
     setIsVerificationComplete(false);
   }, []);
-  const handlePopupClosed = (0, import_react8.useCallback)(async () => {
+  const handlePopupClosed = (0, import_react9.useCallback)(async () => {
     var _a2, _b2;
     if (popupCheckIntervalRef.current) {
       clearInterval(popupCheckIntervalRef.current);
@@ -7868,7 +7949,7 @@ var NoticeConsentView = ({
     isPollingStatusRef.current = false;
     setIsInitiatingVerification(false);
   }, [accessToken, sandboxParams, baseUrl]);
-  const startPopupMonitoring = (0, import_react8.useCallback)(
+  const startPopupMonitoring = (0, import_react9.useCallback)(
     (popup) => {
       popupCheckIntervalRef.current = window.setInterval(() => {
         if (popup.closed) {
@@ -7878,7 +7959,7 @@ var NoticeConsentView = ({
     },
     [handlePopupClosed]
   );
-  const getVerificationErrorMessage = (0, import_react8.useCallback)(
+  const getVerificationErrorMessage = (0, import_react9.useCallback)(
     (errorCode, fallbackError) => {
       switch (errorCode) {
         case "GUARDIAN_UNDER_18":
@@ -7897,7 +7978,7 @@ var NoticeConsentView = ({
     },
     []
   );
-  const startStatusPolling = (0, import_react8.useCallback)(
+  const startStatusPolling = (0, import_react9.useCallback)(
     (token2) => {
       verificationSessionTokenRef.current = token2;
       setIsPollingStatus(true);
@@ -8029,7 +8110,7 @@ var NoticeConsentView = ({
     },
     [accessToken, sandboxParams, baseUrl, getVerificationErrorMessage]
   );
-  const handleBackToGuardianForm = (0, import_react8.useCallback)((clearName = false) => {
+  const handleBackToGuardianForm = (0, import_react9.useCallback)((clearName = false) => {
     var _a2, _b2;
     (_a2 = verificationPopupRef.current) == null ? void 0 : _a2.close();
     verificationPopupRef.current = null;
@@ -8065,7 +8146,7 @@ var NoticeConsentView = ({
     }
     clearConsentState();
   }, []);
-  const availableLanguages = (0, import_react8.useMemo)(() => {
+  const availableLanguages = (0, import_react9.useMemo)(() => {
     if (!content) return [language];
     const pinned = ["English"];
     if (content.default_language && content.default_language !== "English" && content.default_language !== "en") {
@@ -8074,7 +8155,7 @@ var NoticeConsentView = ({
     const rest = content.supported_languages_and_translations ? Object.keys(content.supported_languages_and_translations).filter((lang) => !pinned.includes(lang)).sort((a, b) => a.localeCompare(b, "en")) : [];
     return [...pinned, ...rest];
   }, [content, language]);
-  const getLanguageCode = (0, import_react8.useCallback)(
+  const getLanguageCode = (0, import_react9.useCallback)(
     (displayLanguage) => {
       if (!content) return "English";
       if (displayLanguage === "English" || displayLanguage === "en") {
@@ -8087,7 +8168,7 @@ var NoticeConsentView = ({
     },
     [content]
   );
-  const audioSequence = (0, import_react8.useMemo)(() => {
+  const audioSequence = (0, import_react9.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const sequence = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -8159,7 +8240,7 @@ var NoticeConsentView = ({
     }
     return sequence;
   }, [ttsAudioUrls, content, categorizedPurposes]);
-  const elementIdSequence = (0, import_react8.useMemo)(() => {
+  const elementIdSequence = (0, import_react9.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const elementIds = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -8227,7 +8308,7 @@ var NoticeConsentView = ({
     }
     return elementIds;
   }, [ttsAudioUrls, content, categorizedPurposes]);
-  const stopAudio = (0, import_react8.useCallback)(() => {
+  const stopAudio = (0, import_react9.useCallback)(() => {
     if (currentAudioRef.current) {
       currentAudioRef.current.pause();
       currentAudioRef.current.currentTime = 0;
@@ -8239,7 +8320,7 @@ var NoticeConsentView = ({
     setCurrentAudioIndex(0);
     setHighlightedElementId(null);
   }, [keepFocusedSectionsOpen]);
-  const playNextAudio = (0, import_react8.useCallback)(
+  const playNextAudio = (0, import_react9.useCallback)(
     (index) => {
       if (index >= audioSequence.length) {
         stopAudio();
@@ -8273,7 +8354,7 @@ var NoticeConsentView = ({
     },
     [audioSequence, elementIdSequence, stopAudio, keepFocusedSectionsOpen]
   );
-  const playAudio = (0, import_react8.useCallback)(() => {
+  const playAudio = (0, import_react9.useCallback)(() => {
     if (audioSequence.length === 0) return;
     if (isPaused && currentAudioRef.current) {
       currentAudioRef.current.play().then(() => {
@@ -8287,21 +8368,21 @@ var NoticeConsentView = ({
       playNextAudio(startIndex);
     }
   }, [audioSequence, isPaused, isPlaying, currentAudioIndex, playNextAudio]);
-  const pauseAudio = (0, import_react8.useCallback)(() => {
+  const pauseAudio = (0, import_react9.useCallback)(() => {
     if (currentAudioRef.current && isPlaying) {
       currentAudioRef.current.pause();
       setIsPlaying(false);
       setIsPaused(true);
     }
   }, [isPlaying]);
-  const toggleAudio = (0, import_react8.useCallback)(() => {
+  const toggleAudio = (0, import_react9.useCallback)(() => {
     if (isPlaying) {
       pauseAudio();
     } else {
       playAudio();
     }
   }, [isPlaying, playAudio, pauseAudio]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a2;
     if (!isPlaying || !content || audioSequence.length === 0) return;
     const currentIndex = currentAudioIndex;
@@ -8346,7 +8427,7 @@ var NoticeConsentView = ({
     categorizedPurposes,
     collapsedPurposes
   ]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const removeAllHighlights = () => {
       document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
         el.classList.remove("redacto-tts-highlight");
@@ -8382,7 +8463,7 @@ var NoticeConsentView = ({
       removeAllHighlights();
     };
   }, [highlightedElementId, isPlaying]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setIsTTSAvailable(false);
     setTtsAudioUrls(null);
     stopAudio();
@@ -8393,7 +8474,7 @@ var NoticeConsentView = ({
     const ttsAbortController = new AbortController();
     fetchTTSAudioUrls({
       accessToken,
-      baseUrl,
+      baseUrl: endpoints.mode === "host" ? ledgerBaseUrl : baseUrl,
       ledgerBaseUrl,
       noticeUuid: content.notice_uuid,
       language: languageCode,
@@ -8418,6 +8499,7 @@ var NoticeConsentView = ({
     sandboxParams,
     baseUrl,
     ledgerBaseUrl,
+    endpoints.mode,
     getLanguageCode
   ]);
   const hostRadius = noticeSettings == null ? void 0 : noticeSettings.borderRadius;
@@ -8454,7 +8536,7 @@ var NoticeConsentView = ({
     color: ((_v = (_u = noticeSettings == null ? void 0 : noticeSettings.button) == null ? void 0 : _u.decline) == null ? void 0 : _v.textColor) || (skin ? textColor : "#000000"),
     borderColor: (_w = appearanceColors.decline_border) != null ? _w : (noticeSettings == null ? void 0 : noticeSettings.borderColor) || (skin ? skin.palette.outline : "#d0d5dd")
   };
-  const confirmHint = (0, import_react8.useMemo)(() => {
+  const confirmHint = (0, import_react9.useMemo)(() => {
     var _a2;
     const { ok, reason, blocking } = confirmVerdict;
     if (ok || reason === "ok" || isSubmitting) return null;
@@ -8511,7 +8593,7 @@ var NoticeConsentView = ({
     otpTokenAtVerifyRef.current = accessToken;
     setOtpAcceptAfterToken(mode);
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!otpAcceptAfterToken) {
       return;
     }
@@ -8525,7 +8607,7 @@ var NoticeConsentView = ({
   const hasPrivacyCenterLine = Boolean(
     (content == null ? void 0 : content.privacy_center_url) || (content == null ? void 0 : content.additional_text)
   );
-  const productPolicyLinks = (0, import_react8.useMemo)(
+  const productPolicyLinks = (0, import_react9.useMemo)(
     () => productPolicyEntries(
       content == null ? void 0 : content.products,
       content == null ? void 0 : content.product_privacy_policies
@@ -8604,7 +8686,7 @@ var NoticeConsentView = ({
   const handleCloseError = () => {
     setErrorMessage(null);
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const handleKeyDown = (event) => {
       if (!modalRef.current) return;
       if (pendingActionRef.current) return;
@@ -8649,13 +8731,13 @@ var NoticeConsentView = ({
       modal == null ? void 0 : modal.removeEventListener("keydown", handleKeyDown);
     };
   }, [isLoading, handleDecline, previewContent]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     stopAudio();
   }, [selectedLanguage, stopAudio]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     stopAudio();
   }, [content, stopAudio]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     return () => {
       var _a2, _b2;
       if (abortControllerRef.current) {
@@ -8681,7 +8763,7 @@ var NoticeConsentView = ({
       }
     };
   }, [stopAudio]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const persistedState = getConsentState();
     if (!persistedState) return;
     if (persistedState.noticeId && persistedState.noticeId !== noticeId) {
@@ -9802,7 +9884,7 @@ var NoticeConsentView = ({
 var RedactoNoticeConsent = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NoticeConsentView, { ...props });
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/RedactoNoticeConsentInline/api/index.ts
 var BASE_URL2 = DEFAULT_CONSENT_API_BASE_URL;
@@ -10262,11 +10344,11 @@ var styles2 = {
 };
 
 // src/RedactoNoticeConsentInline/useMediaQuery.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 var useMediaQuery2 = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = (0, import_react9.useState)(getMatches);
-  (0, import_react9.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react10.useState)(getMatches);
+  (0, import_react10.useEffect)(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -10323,8 +10405,8 @@ var RedactoConsentInlineComponent = ({
   workspace_uuid,
   notice_uuid,
   accessToken,
-  baseUrl,
-  ledgerBaseUrl,
+  baseUrl: baseUrlProp,
+  ledgerBaseUrl: ledgerBaseUrlProp,
   language = "en",
   onAccept,
   onError,
@@ -10333,24 +10415,51 @@ var RedactoConsentInlineComponent = ({
   applicationId
 }) => {
   var _a, _b, _c;
-  const [content, setContent] = (0, import_react10.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react10.useState)(true);
-  const [isSubmitting, setIsSubmitting] = (0, import_react10.useState)(false);
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react10.useState)(language);
-  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react10.useState)({});
-  const [selectedPurposes, setSelectedPurposes] = (0, import_react10.useState)({});
-  const [selectedDataElements, setSelectedDataElements] = (0, import_react10.useState)({});
-  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react10.useState)(false);
-  const [isCheckingConsent, setIsCheckingConsent] = (0, import_react10.useState)(
+  const endpoints = useResolvedEndpoints(baseUrlProp, ledgerBaseUrlProp);
+  const { baseUrl, ledgerBaseUrl } = endpoints;
+  const [content, setContent] = (0, import_react11.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react11.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react11.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react11.useState)(language);
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react11.useState)({});
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react11.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react11.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react11.useState)(false);
+  const [isCheckingConsent, setIsCheckingConsent] = (0, import_react11.useState)(
     Boolean(ledgerBaseUrl) && !applicationId
   );
-  const [fetchError, setFetchError] = (0, import_react10.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react10.useState)(null);
-  const hasSubmittedRef = (0, import_react10.useRef)(false);
-  const [awaitingConfirm, setAwaitingConfirm] = (0, import_react10.useState)(false);
-  const refusedSelectionRef = (0, import_react10.useRef)(null);
-  const confirmedSelectionRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const [fetchError, setFetchError] = (0, import_react11.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react11.useState)(null);
+  const hasSubmittedRef = (0, import_react11.useRef)(false);
+  const [awaitingConfirm, setAwaitingConfirm] = (0, import_react11.useState)(false);
+  const refusedSelectionRef = (0, import_react11.useRef)(null);
+  const confirmedSelectionRef = (0, import_react11.useRef)(null);
+  const endpointsKey = JSON.stringify([endpoints.mode, baseUrl != null ? baseUrl : "", ledgerBaseUrl != null ? ledgerBaseUrl : ""]);
+  const [loadedEndpointsKey, setLoadedEndpointsKey] = (0, import_react11.useState)(endpointsKey);
+  if (loadedEndpointsKey !== endpointsKey) {
+    setLoadedEndpointsKey(endpointsKey);
+    setContent(null);
+    setIsLoading(true);
+    setFetchError(null);
+    setErrorMessage(null);
+    setHasAlreadyConsented(false);
+    setIsCheckingConsent(Boolean(ledgerBaseUrl) && !applicationId);
+    setIsSubmitting(false);
+    setAwaitingConfirm(false);
+  }
+  const endpointsGenerationRef = (0, import_react11.useRef)(0);
+  const committedEndpointsKeyRef = (0, import_react11.useRef)(endpointsKey);
+  useIsomorphicLayoutEffect(() => {
+    if (committedEndpointsKeyRef.current === endpointsKey) {
+      return;
+    }
+    committedEndpointsKeyRef.current = endpointsKey;
+    endpointsGenerationRef.current += 1;
+    hasSubmittedRef.current = false;
+    refusedSelectionRef.current = null;
+    confirmedSelectionRef.current = null;
+  }, [endpointsKey]);
+  (0, import_react11.useEffect)(() => {
     injectSpinnerAnimation();
     injectCheckboxStyles();
   }, []);
@@ -10358,18 +10467,18 @@ var RedactoConsentInlineComponent = ({
   const { colors } = inlineAppearance;
   useNoticeCustomCss(notice_uuid, inlineAppearance.customCss);
   const drawsSwitches = resolveNoticeLayout(inlineAppearance).switchControl;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (drawsSwitches) {
       injectSwitchStyles();
     }
   }, [drawsSwitches]);
   const textScale = NOTICE_TEXT_SCALE_FACTORS[(_a = inlineAppearance.textScale) != null ? _a : DEFAULT_TEXT_SCALE];
-  const styles4 = (0, import_react10.useMemo)(
+  const styles4 = (0, import_react11.useMemo)(
     () => scaleFontSizes(styles2, textScale),
     [textScale]
   );
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const responsiveStyles = (0, import_react10.useMemo)(
+  const responsiveStyles = (0, import_react11.useMemo)(
     () => scaleFontSizes(
       {
         optionTitle: {
@@ -10390,7 +10499,7 @@ var RedactoConsentInlineComponent = ({
     ),
     [isMobile, textScale]
   );
-  const purposeRows = (0, import_react10.useMemo)(
+  const purposeRows = (0, import_react11.useMemo)(
     () => {
       var _a2;
       return noticePurposeRows(
@@ -10401,7 +10510,7 @@ var RedactoConsentInlineComponent = ({
     },
     [content]
   );
-  const areAllRequiredElementsChecked = (0, import_react10.useMemo)(() => {
+  const areAllRequiredElementsChecked = (0, import_react11.useMemo)(() => {
     if (!content) return false;
     return purposeRows.every(
       ({ purpose, productUuid }) => purpose.data_elements.filter(isBlockingRequiredElement).every(
@@ -10409,10 +10518,10 @@ var RedactoConsentInlineComponent = ({
       )
     );
   }, [content, purposeRows, selectedDataElements]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     onValidationChange == null ? void 0 : onValidationChange(areAllRequiredElementsChecked);
   }, [areAllRequiredElementsChecked, onValidationChange]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -10469,12 +10578,13 @@ var RedactoConsentInlineComponent = ({
     setFetchError(null);
     setHasAlreadyConsented(false);
     try {
+      const noticeBaseUrl = endpoints.mode === "host" && accessToken && !applicationId ? ledgerBaseUrl : baseUrl;
       const consentContentData = await fetchConsentContent2({
         org_uuid,
         workspace_uuid,
         notice_uuid,
         accessToken,
-        baseUrl,
+        baseUrl: noticeBaseUrl,
         language,
         specific_uuid: applicationId,
         signal
@@ -10526,7 +10636,7 @@ var RedactoConsentInlineComponent = ({
       }
     }
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const controller = new AbortController();
     void fetchNotice(controller.signal);
     return () => {
@@ -10538,9 +10648,10 @@ var RedactoConsentInlineComponent = ({
     notice_uuid,
     language,
     applicationId,
-    accessToken
+    accessToken,
+    endpointsKey
   ]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!ledgerBaseUrl || applicationId) {
       return;
     }
@@ -10637,12 +10748,14 @@ var RedactoConsentInlineComponent = ({
       return newState;
     });
   };
-  const handleAcceptWithToken = (0, import_react10.useCallback)(
+  const handleAcceptWithToken = (0, import_react11.useCallback)(
     async (tokenToUse) => {
       if (!tokenToUse || !content) {
         setErrorMessage("Unable to submit consent. Please try again.");
         throw new Error("Access token or content not available");
       }
+      const generation = endpointsGenerationRef.current;
+      const isCurrent = () => endpointsGenerationRef.current === generation;
       try {
         setIsSubmitting(true);
         setErrorMessage(null);
@@ -10678,16 +10791,24 @@ var RedactoConsentInlineComponent = ({
           declined: false,
           meta_data: applicationId ? { specific_uuid: applicationId } : void 0
         });
+        if (!isCurrent()) {
+          return;
+        }
         onAccept == null ? void 0 : onAccept();
         hasSubmittedRef.current = false;
       } catch (error) {
+        if (!isCurrent()) {
+          return;
+        }
         const err = error;
         const message = err.message || "Failed to submit consent. Please try again.";
         setErrorMessage(message);
         hasSubmittedRef.current = false;
         throw error;
       } finally {
-        setIsSubmitting(false);
+        if (isCurrent()) {
+          setIsSubmitting(false);
+        }
       }
     },
     [
@@ -10704,11 +10825,11 @@ var RedactoConsentInlineComponent = ({
     ]
   );
   const confirmBeforeSubmit = inlineAppearance.confirmBeforeSubmit === true;
-  const selectionSignature = (0, import_react10.useMemo)(
+  const selectionSignature = (0, import_react11.useMemo)(
     () => JSON.stringify([selectedPurposes, selectedDataElements]),
     [selectedPurposes, selectedDataElements]
   );
-  const confirmSubmission = (0, import_react10.useCallback)(() => {
+  const confirmSubmission = (0, import_react11.useCallback)(() => {
     setAwaitingConfirm(false);
     confirmedSelectionRef.current = selectionSignature;
     hasSubmittedRef.current = true;
@@ -10718,11 +10839,11 @@ var RedactoConsentInlineComponent = ({
       onError == null ? void 0 : onError(err);
     });
   }, [accessToken, handleAcceptWithToken, onError, selectionSignature]);
-  const refuseSubmission = (0, import_react10.useCallback)(() => {
+  const refuseSubmission = (0, import_react11.useCallback)(() => {
     setAwaitingConfirm(false);
     refusedSelectionRef.current = selectionSignature;
   }, [selectionSignature]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (accessToken && content && areAllRequiredElementsChecked && !isSubmitting && !isCheckingConsent && !hasAlreadyConsented && !hasSubmittedRef.current) {
       if (confirmBeforeSubmit) {
         if (refusedSelectionRef.current === selectionSignature || confirmedSelectionRef.current === selectionSignature) {
@@ -10753,7 +10874,7 @@ var RedactoConsentInlineComponent = ({
     confirmBeforeSubmit,
     selectionSignature
   ]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     refusedSelectionRef.current = null;
     confirmedSelectionRef.current = null;
     if (!accessToken) {
@@ -11042,10 +11163,10 @@ var RedactoConsentInlineComponent = ({
   );
 };
 RedactoConsentInlineComponent.displayName = "RedactoConsentInline";
-var RedactoConsentInline = (0, import_react10.memo)(RedactoConsentInlineComponent);
+var RedactoConsentInline = (0, import_react11.memo)(RedactoConsentInlineComponent);
 
 // src/RedactoNoticeAssisted/RedactoNoticeAssisted.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/RedactoNoticeAssisted/styles.ts
 var styles3 = {
@@ -12005,11 +12126,11 @@ var injectAssistedStyles = () => {
 };
 
 // src/RedactoNoticeAssisted/useMediaQuery.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var useMediaQuery3 = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = (0, import_react11.useState)(getMatches);
-  (0, import_react11.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react12.useState)(getMatches);
+  (0, import_react12.useEffect)(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -13630,56 +13751,60 @@ var RedactoNoticeAssisted = ({
   organisationUuid,
   workspaceUuid,
   noticeUuid,
-  baseUrl,
-  ledgerBaseUrl,
+  baseUrl: baseUrlProp,
+  ledgerBaseUrl: ledgerBaseUrlProp,
   onDecline,
   onComplete,
   settings
 }) => {
   var _a, _b, _c, _d;
+  const { baseUrl, ledgerBaseUrl } = useResolvedEndpoints(
+    baseUrlProp,
+    ledgerBaseUrlProp
+  );
   const isMobile = useMediaQuery3("(max-width: 768px)");
-  const [content, setContent] = (0, import_react12.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react12.useState)(true);
-  const [fetchError, setFetchError] = (0, import_react12.useState)(null);
-  const [step, setStep] = (0, import_react12.useState)("notice");
-  const [acceptMode, setAcceptMode] = (0, import_react12.useState)("selected");
-  const [selectedPurposes, setSelectedPurposes] = (0, import_react12.useState)({});
-  const [selectedDataElements, setSelectedDataElements] = (0, import_react12.useState)({});
-  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react12.useState)({});
-  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react12.useState)(false);
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react12.useState)("English");
-  const languageContainerRef = (0, import_react12.useRef)(null);
-  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react12.useState)(null);
-  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react12.useState)(false);
-  const [isPlaying, setIsPlaying] = (0, import_react12.useState)(false);
-  const [isPaused, setIsPaused] = (0, import_react12.useState)(false);
-  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react12.useState)(0);
-  const [highlightedElementId, setHighlightedElementId] = (0, import_react12.useState)(null);
-  const currentAudioRef = (0, import_react12.useRef)(null);
-  const [verifyMethod, setVerifyMethod] = (0, import_react12.useState)(
+  const [content, setContent] = (0, import_react13.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(true);
+  const [fetchError, setFetchError] = (0, import_react13.useState)(null);
+  const [step, setStep] = (0, import_react13.useState)("notice");
+  const [acceptMode, setAcceptMode] = (0, import_react13.useState)("selected");
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react13.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react13.useState)({});
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react13.useState)({});
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react13.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react13.useState)("English");
+  const languageContainerRef = (0, import_react13.useRef)(null);
+  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react13.useState)(null);
+  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react13.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, import_react13.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react13.useState)(false);
+  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react13.useState)(0);
+  const [highlightedElementId, setHighlightedElementId] = (0, import_react13.useState)(null);
+  const currentAudioRef = (0, import_react13.useRef)(null);
+  const [verifyMethod, setVerifyMethod] = (0, import_react13.useState)(
     "mobile"
   );
-  const [mobile, setMobile] = (0, import_react12.useState)("");
-  const mobileInputRef = (0, import_react12.useRef)(null);
-  const [email, setEmail] = (0, import_react12.useState)("");
-  const emailInputRef = (0, import_react12.useRef)(null);
-  const [otpSent, setOtpSent] = (0, import_react12.useState)(false);
-  const verifyBlockRef = (0, import_react12.useRef)(null);
-  const otpSectionRef = (0, import_react12.useRef)(null);
-  const [otpDigits, setOtpDigits] = (0, import_react12.useState)(
+  const [mobile, setMobile] = (0, import_react13.useState)("");
+  const mobileInputRef = (0, import_react13.useRef)(null);
+  const [email, setEmail] = (0, import_react13.useState)("");
+  const emailInputRef = (0, import_react13.useRef)(null);
+  const [otpSent, setOtpSent] = (0, import_react13.useState)(false);
+  const verifyBlockRef = (0, import_react13.useRef)(null);
+  const otpSectionRef = (0, import_react13.useRef)(null);
+  const [otpDigits, setOtpDigits] = (0, import_react13.useState)(
     () => Array.from({ length: ASSISTED_CONFIG.otpLength }, () => "")
   );
-  const otpInputRefs = (0, import_react12.useRef)([]);
-  const [resendCountdown, setResendCountdown] = (0, import_react12.useState)(0);
-  const [otpUuid, setOtpUuid] = (0, import_react12.useState)("");
-  const [isSendingOtp, setIsSendingOtp] = (0, import_react12.useState)(false);
-  const [isVerifying, setIsVerifying] = (0, import_react12.useState)(false);
-  const [createError, setCreateError] = (0, import_react12.useState)(null);
-  const [otpError, setOtpError] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const otpInputRefs = (0, import_react13.useRef)([]);
+  const [resendCountdown, setResendCountdown] = (0, import_react13.useState)(0);
+  const [otpUuid, setOtpUuid] = (0, import_react13.useState)("");
+  const [isSendingOtp, setIsSendingOtp] = (0, import_react13.useState)(false);
+  const [isVerifying, setIsVerifying] = (0, import_react13.useState)(false);
+  const [createError, setCreateError] = (0, import_react13.useState)(null);
+  const [otpError, setOtpError] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     injectAssistedStyles();
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const controller = new AbortController();
     setIsLoading(true);
     setFetchError(null);
@@ -13715,14 +13840,14 @@ var RedactoNoticeAssisted = ({
     });
     return () => controller.abort();
   }, [organisationUuid, workspaceUuid, noticeUuid, baseUrl]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (resendCountdown <= 0) return;
     const intervalId = window.setInterval(() => {
       setResendCountdown((prev) => prev <= 1 ? 0 : prev - 1);
     }, 1e3);
     return () => window.clearInterval(intervalId);
   }, [resendCountdown]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (step !== "verify") return;
     const id = window.setTimeout(
       () => scrollIntoViewSoft(verifyBlockRef.current),
@@ -13730,7 +13855,7 @@ var RedactoNoticeAssisted = ({
     );
     return () => window.clearTimeout(id);
   }, [step]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!otpSent) return;
     const id = window.setTimeout(
       () => scrollIntoViewSoft(otpSectionRef.current),
@@ -13738,7 +13863,7 @@ var RedactoNoticeAssisted = ({
     );
     return () => window.clearTimeout(id);
   }, [otpSent]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isLanguageDropdownOpen) return;
     const handleClickOutside = (e) => {
       if (languageContainerRef.current && !languageContainerRef.current.contains(e.target)) {
@@ -13753,7 +13878,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 displayedPurposes = (0, import_react12.useMemo)(
+  const displayedPurposes = (0, import_react13.useMemo)(
     () => {
       var _a2;
       return purposesInRenderOrder(
@@ -13764,7 +13889,7 @@ var RedactoNoticeAssisted = ({
     },
     [content]
   );
-  const areAllRequiredElementsChecked = (0, import_react12.useMemo)(() => {
+  const areAllRequiredElementsChecked = (0, import_react13.useMemo)(() => {
     if (!content) return false;
     return displayedPurposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -13775,20 +13900,20 @@ var RedactoNoticeAssisted = ({
       );
     });
   }, [content, displayedPurposes, selectedDataElements]);
-  const normalizedDefaultLang = (0, import_react12.useMemo)(() => {
+  const normalizedDefaultLang = (0, import_react13.useMemo)(() => {
     const dl = content == null ? void 0 : content.default_language;
     if (!dl) return "English";
     return dl === "en" || dl === "EN" ? "English" : dl;
   }, [content]);
-  const isDefaultLanguage = (0, import_react12.useCallback)(
+  const isDefaultLanguage = (0, import_react13.useCallback)(
     (lang) => lang === "English" || lang === "en" || lang === "EN",
     []
   );
-  const ts = (0, import_react12.useMemo)(
+  const ts = (0, import_react13.useMemo)(
     () => makeStaticT(toBcp47Code(selectedLanguage)),
     [selectedLanguage]
   );
-  const getTranslatedText = (0, import_react12.useCallback)(
+  const getTranslatedText = (0, import_react13.useCallback)(
     (key, fallback, itemId) => {
       var _a2, _b2, _c2;
       if (!content) return fallback;
@@ -13818,7 +13943,7 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedLanguage, isDefaultLanguage]
   );
-  const getTranslatedDpoText = (0, import_react12.useCallback)(
+  const getTranslatedDpoText = (0, import_react13.useCallback)(
     (key, fallback) => {
       var _a2, _b2;
       if (!(content == null ? void 0 : content.dpo_info)) return fallback;
@@ -13830,7 +13955,7 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedLanguage, isDefaultLanguage]
   );
-  const availableLanguages = (0, import_react12.useMemo)(() => {
+  const availableLanguages = (0, import_react13.useMemo)(() => {
     if (!content) return [selectedLanguage];
     const pinned = ["English"];
     if (normalizedDefaultLang && normalizedDefaultLang !== "English") {
@@ -13860,7 +13985,7 @@ var RedactoNoticeAssisted = ({
   const assistedStyle = assistedAppearance.style;
   const radii = STYLE_RADII[assistedStyle];
   const textScale = NOTICE_TEXT_SCALE_FACTORS[(_a = assistedAppearance.textScale) != null ? _a : DEFAULT_TEXT_SCALE];
-  const styles4 = (0, import_react12.useMemo)(
+  const styles4 = (0, import_react13.useMemo)(
     () => scaleFontSizes(
       buildVariantStyles(
         mergeNoticeStyles(styles3, {
@@ -13898,7 +14023,7 @@ var RedactoNoticeAssisted = ({
   const hasPrivacyCenterLine = Boolean(
     (content == null ? void 0 : content.privacy_center_url) || (content == null ? void 0 : content.additional_text)
   );
-  const responsive = (0, import_react12.useMemo)(
+  const responsive = (0, import_react13.useMemo)(
     () => scaleFontSizes(
       {
         modal: { width: isMobile ? "90%" : "700px" },
@@ -13939,7 +14064,7 @@ var RedactoNoticeAssisted = ({
     ),
     [isMobile, textScale]
   );
-  const togglePurpose = (0, import_react12.useCallback)(
+  const togglePurpose = (0, import_react13.useCallback)(
     (uuid) => {
       setSelectedPurposes((prev) => {
         const next = !prev[uuid];
@@ -13956,10 +14081,10 @@ var RedactoNoticeAssisted = ({
     },
     [content]
   );
-  const togglePurposeCollapse = (0, import_react12.useCallback)((uuid) => {
+  const togglePurposeCollapse = (0, import_react13.useCallback)((uuid) => {
     setCollapsedPurposes((prev) => ({ ...prev, [uuid]: !prev[uuid] }));
   }, []);
-  const handleDataElementToggle = (0, import_react12.useCallback)(
+  const handleDataElementToggle = (0, import_react13.useCallback)(
     (purposeUuid, elementUuid) => {
       if (!content) return;
       const combinedId = `${purposeUuid}-${elementUuid}`;
@@ -13985,14 +14110,14 @@ var RedactoNoticeAssisted = ({
     },
     [content]
   );
-  const toggleLanguageDropdown = (0, import_react12.useCallback)(() => {
+  const toggleLanguageDropdown = (0, import_react13.useCallback)(() => {
     setIsLanguageDropdownOpen((prev) => !prev);
   }, []);
-  const handleLanguageSelect = (0, import_react12.useCallback)((lang) => {
+  const handleLanguageSelect = (0, import_react13.useCallback)((lang) => {
     setSelectedLanguage(lang);
     setIsLanguageDropdownOpen(false);
   }, []);
-  const audioSequence = (0, import_react12.useMemo)(() => {
+  const audioSequence = (0, import_react13.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const sequence = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -14053,7 +14178,7 @@ var RedactoNoticeAssisted = ({
     }
     return sequence;
   }, [ttsAudioUrls, content, displayedPurposes]);
-  const elementIdSequence = (0, import_react12.useMemo)(() => {
+  const elementIdSequence = (0, import_react13.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const elementIds = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -14110,7 +14235,7 @@ var RedactoNoticeAssisted = ({
     }
     return elementIds;
   }, [ttsAudioUrls, content, displayedPurposes]);
-  const stopAudio = (0, import_react12.useCallback)(() => {
+  const stopAudio = (0, import_react13.useCallback)(() => {
     if (currentAudioRef.current) {
       currentAudioRef.current.pause();
       currentAudioRef.current.currentTime = 0;
@@ -14121,7 +14246,7 @@ var RedactoNoticeAssisted = ({
     setCurrentAudioIndex(0);
     setHighlightedElementId(null);
   }, []);
-  const playNextAudio = (0, import_react12.useCallback)(
+  const playNextAudio = (0, import_react13.useCallback)(
     (index) => {
       if (index >= audioSequence.length) {
         stopAudio();
@@ -14154,7 +14279,7 @@ var RedactoNoticeAssisted = ({
     },
     [audioSequence, elementIdSequence, stopAudio]
   );
-  const playAudio = (0, import_react12.useCallback)(() => {
+  const playAudio = (0, import_react13.useCallback)(() => {
     if (audioSequence.length === 0) return;
     if (isPaused && currentAudioRef.current) {
       currentAudioRef.current.play().then(() => {
@@ -14168,21 +14293,21 @@ var RedactoNoticeAssisted = ({
       playNextAudio(startIndex);
     }
   }, [audioSequence, isPaused, isPlaying, currentAudioIndex, playNextAudio]);
-  const pauseAudio = (0, import_react12.useCallback)(() => {
+  const pauseAudio = (0, import_react13.useCallback)(() => {
     if (currentAudioRef.current && isPlaying) {
       currentAudioRef.current.pause();
       setIsPlaying(false);
       setIsPaused(true);
     }
   }, [isPlaying]);
-  const toggleAudio = (0, import_react12.useCallback)(() => {
+  const toggleAudio = (0, import_react13.useCallback)(() => {
     if (isPlaying) {
       pauseAudio();
     } else {
       playAudio();
     }
   }, [isPlaying, playAudio, pauseAudio]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setIsTTSAvailable(false);
     setTtsAudioUrls(null);
     stopAudio();
@@ -14213,7 +14338,7 @@ var RedactoNoticeAssisted = ({
     baseUrl,
     stopAudio
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const elementId = elementIdSequence[currentAudioIndex];
     if (!isPlaying || !elementId) {
       return;
@@ -14231,7 +14356,7 @@ var RedactoNoticeAssisted = ({
     displayedPurposes,
     collapsedPurposes
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const removeAllHighlights = () => {
       document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
         el.classList.remove("redacto-tts-highlight");
@@ -14262,7 +14387,7 @@ var RedactoNoticeAssisted = ({
       removeAllHighlights();
     };
   }, [highlightedElementId, isPlaying]);
-  const handleConfirmStep = (0, import_react12.useCallback)(
+  const handleConfirmStep = (0, import_react13.useCallback)(
     (mode = "selected") => {
       if (mode !== "selected" && content) {
         const selection = buildSelectionForMode(
@@ -14287,15 +14412,15 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedPurposes, selectedDataElements, verifyMethod, stopAudio]
   );
-  const handleAcceptAll = (0, import_react12.useCallback)(
+  const handleAcceptAll = (0, import_react13.useCallback)(
     () => handleConfirmStep("all"),
     [handleConfirmStep]
   );
-  const handleAcceptSelected = (0, import_react12.useCallback)(
+  const handleAcceptSelected = (0, import_react13.useCallback)(
     () => handleConfirmStep("selected"),
     [handleConfirmStep]
   );
-  const handleEditSelections = (0, import_react12.useCallback)(() => {
+  const handleEditSelections = (0, import_react13.useCallback)(() => {
     setAcceptMode("selected");
     setStep("notice");
     setOtpSent(false);
@@ -14309,7 +14434,7 @@ var RedactoNoticeAssisted = ({
   }, []);
   const otpRecipient = verifyMethod === "email" ? email.trim() : `${ASSISTED_CONFIG.dialCode}${mobile}`;
   const otpChannel = verifyMethod === "email" ? ASSISTED_CONFIG.emailChannel : ASSISTED_CONFIG.channel;
-  const sendOtp = (0, import_react12.useCallback)(async () => {
+  const sendOtp = (0, import_react13.useCallback)(async () => {
     setCreateError(null);
     setIsSendingOtp(true);
     try {
@@ -14335,11 +14460,11 @@ var RedactoNoticeAssisted = ({
       setIsSendingOtp(false);
     }
   }, [organisationUuid, workspaceUuid, otpRecipient, otpChannel, baseUrl, ts]);
-  const handleGetOtp = (0, import_react12.useCallback)(() => {
+  const handleGetOtp = (0, import_react13.useCallback)(() => {
     if (!isContactValid || isSendingOtp) return;
     void sendOtp();
   }, [isContactValid, isSendingOtp, sendOtp]);
-  const handleSelectMethod = (0, import_react12.useCallback)(
+  const handleSelectMethod = (0, import_react13.useCallback)(
     (method) => {
       if (otpSent || isSendingOtp) return;
       setVerifyMethod(method);
@@ -14351,11 +14476,11 @@ var RedactoNoticeAssisted = ({
     },
     [otpSent, isSendingOtp]
   );
-  const handleResend = (0, import_react12.useCallback)(() => {
+  const handleResend = (0, import_react13.useCallback)(() => {
     if (isSendingOtp) return;
     void sendOtp();
   }, [isSendingOtp, sendOtp]);
-  const handleChangeContact = (0, import_react12.useCallback)(() => {
+  const handleChangeContact = (0, import_react13.useCallback)(() => {
     setOtpSent(false);
     setOtpUuid("");
     setOtpDigits(Array.from({ length: ASSISTED_CONFIG.otpLength }, () => ""));
@@ -14367,7 +14492,7 @@ var RedactoNoticeAssisted = ({
       (_a2 = (verifyMethod === "email" ? emailInputRef : mobileInputRef).current) == null ? void 0 : _a2.focus();
     }, 0);
   }, [verifyMethod]);
-  const handleOtpChange = (0, import_react12.useCallback)((index, raw) => {
+  const handleOtpChange = (0, import_react13.useCallback)((index, raw) => {
     var _a2;
     const digit = raw.replace(/\D/g, "").slice(-1);
     setOtpDigits((prev) => {
@@ -14379,7 +14504,7 @@ var RedactoNoticeAssisted = ({
       (_a2 = otpInputRefs.current[index + 1]) == null ? void 0 : _a2.focus();
     }
   }, []);
-  const handleOtpKeyDown = (0, import_react12.useCallback)(
+  const handleOtpKeyDown = (0, import_react13.useCallback)(
     (index, e) => {
       var _a2;
       if (e.key === "Backspace" && !otpDigits[index] && index > 0) {
@@ -14388,7 +14513,7 @@ var RedactoNoticeAssisted = ({
     },
     [otpDigits]
   );
-  const handleOtpPaste = (0, import_react12.useCallback)((e) => {
+  const handleOtpPaste = (0, import_react13.useCallback)((e) => {
     var _a2;
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, ASSISTED_CONFIG.otpLength);
     if (!pasted) return;
@@ -14405,7 +14530,7 @@ var RedactoNoticeAssisted = ({
     const focusIndex = Math.min(pasted.length, ASSISTED_CONFIG.otpLength - 1);
     (_a2 = otpInputRefs.current[focusIndex]) == null ? void 0 : _a2.focus();
   }, []);
-  const resetFlow = (0, import_react12.useCallback)(() => {
+  const resetFlow = (0, import_react13.useCallback)(() => {
     var _a2;
     setStep("notice");
     const preselection = buildPreselection(
@@ -14424,7 +14549,7 @@ var RedactoNoticeAssisted = ({
     setCreateError(null);
     setOtpError(null);
   }, [content]);
-  const handleSuccess = (0, import_react12.useCallback)(() => {
+  const handleSuccess = (0, import_react13.useCallback)(() => {
     if (onComplete) {
       onComplete();
       return;
@@ -14432,7 +14557,7 @@ var RedactoNoticeAssisted = ({
     console.log("[RedactoNoticeAssisted] consent recorded");
     resetFlow();
   }, [onComplete, resetFlow]);
-  const handleConfirm = (0, import_react12.useCallback)(async () => {
+  const handleConfirm = (0, import_react13.useCallback)(async () => {
     if (!isOtpComplete || isVerifying || !content) return;
     setOtpError(null);
     setIsVerifying(true);
@@ -14525,7 +14650,7 @@ var RedactoNoticeAssisted = ({
     handleSuccess,
     ts
   ]);
-  const handleDecline = (0, import_react12.useCallback)(() => {
+  const handleDecline = (0, import_react13.useCallback)(() => {
     if (onDecline) {
       onDecline();
       return;
@@ -15421,20 +15546,29 @@ var RedactoNoticePreview = ({
 ) });
 
 // src/RedactoNoticeConsent/components/DigiLockerCallback.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var sameOriginUrlOrRoot = (candidate) => {
+  if (!candidate) return "/";
+  try {
+    const url = new URL(candidate, window.location.origin);
+    return url.origin === window.location.origin ? url.href : "/";
+  } catch {
+    return "/";
+  }
+};
 var DigiLockerCallback = ({
   accessToken: propAccessToken,
   baseUrl,
   onSuccess,
   onError
 }) => {
-  const [status, setStatus] = (0, import_react13.useState)("processing");
-  const [message, setMessage] = (0, import_react13.useState)("Verifying your guardian...");
-  const [errorDetail, setErrorDetail] = (0, import_react13.useState)(null);
-  const retryTimeoutRef = (0, import_react13.useRef)(null);
-  const redirectTimeoutRef = (0, import_react13.useRef)(null);
-  const isMountedRef = (0, import_react13.useRef)(true);
+  const [status, setStatus] = (0, import_react14.useState)("processing");
+  const [message, setMessage] = (0, import_react14.useState)("Verifying your guardian...");
+  const [errorDetail, setErrorDetail] = (0, import_react14.useState)(null);
+  const retryTimeoutRef = (0, import_react14.useRef)(null);
+  const redirectTimeoutRef = (0, import_react14.useRef)(null);
+  const isMountedRef = (0, import_react14.useRef)(true);
   const getErrorMessage = (errorCode) => {
     switch (errorCode) {
       case "GUARDIAN_UNDER_18":
@@ -15451,7 +15585,7 @@ var DigiLockerCallback = ({
         return "Verification failed. Please try again.";
     }
   };
-  const redirectToOriginalPage = (0, import_react13.useCallback)(
+  const redirectToOriginalPage = (0, import_react14.useCallback)(
     (originalUrl, verificationResult, verificationReference) => {
       updateConsentState({
         verificationResult,
@@ -15459,12 +15593,12 @@ var DigiLockerCallback = ({
         flowState: verificationResult === "verified" ? "consent-form" : "error"
       });
       redirectTimeoutRef.current = setTimeout(() => {
-        window.location.href = originalUrl;
+        window.location.href = sameOriginUrlOrRoot(originalUrl);
       }, 1500);
     },
     []
   );
-  const handleCallback = (0, import_react13.useCallback)(async () => {
+  const handleCallback = (0, import_react14.useCallback)(async () => {
     var _a, _b;
     try {
       const params = new URLSearchParams(window.location.search);
@@ -15531,7 +15665,7 @@ var DigiLockerCallback = ({
         return;
       }
       setMessage("Processing verification...");
-      const apiBaseUrl = baseUrl || storedBaseUrl;
+      const apiBaseUrl = resolveEndpoints(baseUrl || storedBaseUrl).baseUrl;
       const response = await verifyGuardianStatus({
         accessToken,
         baseUrl: apiBaseUrl,
@@ -15679,7 +15813,7 @@ var DigiLockerCallback = ({
       }
     }
   }, [propAccessToken, baseUrl, onSuccess, onError, redirectToOriginalPage]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     injectCheckboxStyles();
     handleCallback();
     return () => {
@@ -15688,11 +15822,11 @@ var DigiLockerCallback = ({
       if (redirectTimeoutRef.current) clearTimeout(redirectTimeoutRef.current);
     };
   }, [handleCallback]);
-  const handleRetry = (0, import_react13.useCallback)(() => {
+  const handleRetry = (0, import_react14.useCallback)(() => {
     const persistedState = getConsentState();
     if (persistedState == null ? void 0 : persistedState.originalUrl) {
       clearConsentState();
-      window.location.href = persistedState.originalUrl;
+      window.location.href = sameOriginUrlOrRoot(persistedState.originalUrl);
     } else {
       window.location.href = "/";
     }