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

package/dist/index.js

@@ -634,6 +634,15 @@ var redacto_logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAA
 
 // src/RedactoNoticeConsent/constants.ts
 var DEFAULT_LOGO_POSITION = "left";
+var DEFAULT_PURPOSE_PRESELECTION = "NONE";
+var PURPOSE_STATUS_INACTIVE = "INACTIVE";
+var DEFAULT_ACCEPT_ALL_BUTTON_TEXT = "Accept All";
+var DEFAULT_ACCEPT_SELECTED_BUTTON_TEXT = "Accept Selected";
+var DEFAULT_DECLINE_BUTTON_TEXT = "Decline";
+var ACCEPT_ALL_BUTTON_ID = "accept-all-button-text";
+var ACCEPT_SELECTED_BUTTON_ID = "confirm-button-text";
+var DECLINE_BUTTON_ID = "decline-button-text";
+var SUBMITTING_BUTTON_TEXT = "Processing...";
 var LOGO_POSITION_JUSTIFY = {
   left: "flex-start",
   center: "center",
@@ -641,583 +650,84 @@ var LOGO_POSITION_JUSTIFY = {
 };
 var DPO_AUDIO_ELEMENT_MAP = [
   { audioKey: "grievance_text_audio_url", elementId: "dpo-grievance-text" },
-  { audioKey: "grievance_anchor_text_audio_url", elementId: "dpo-grievance-link" },
-  { audioKey: "grievance_email_connector_text_audio_url", elementId: "dpo-grievance-email-connector" },
+  {
+    audioKey: "grievance_anchor_text_audio_url",
+    elementId: "dpo-grievance-link"
+  },
+  {
+    audioKey: "grievance_email_connector_text_audio_url",
+    elementId: "dpo-grievance-email-connector"
+  },
   { audioKey: "grievance_email_audio_url", elementId: "dpo-grievance-email" },
   { audioKey: "dp_board_text_audio_url", elementId: "dpo-dp-board-text" },
-  { audioKey: "dp_board_anchor_text_audio_url", elementId: "dpo-dp-board-link" },
+  {
+    audioKey: "dp_board_anchor_text_audio_url",
+    elementId: "dpo-dp-board-link"
+  },
   { audioKey: "dpo_text_audio_url", elementId: "dpo-dpo-text" },
   { 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",
-  Assamese: "\u0985\u09B8\u09AE\u09C0\u09AF\u09BC\u09BE (Assamese)",
-  Bengali: "\u09AC\u09BE\u0982\u09B2\u09BE (Bengali)",
-  Bodo: "\u092C\u0921\u093C\u094B (Bodo)",
-  Dogri: "\u0921\u094B\u0917\u0930\u0940 (Dogri)",
-  Gujarati: "\u0A97\u0AC1\u0A9C\u0AB0\u0ABE\u0AA4\u0AC0 (Gujarati)",
-  Hindi: "\u0939\u093F\u0928\u094D\u0926\u0940 (Hindi)",
-  Kannada: "\u0C95\u0CA8\u0CCD\u0CA8\u0CA1 (Kannada)",
-  Kashmiri: "\u0643\u0672\u0634\u064F\u0631 (Kashmiri)",
-  "Goan Konkani": "\u0915\u094B\u0902\u0915\u0923\u0940 (Goan Konkani)",
-  Maithili: "\u092E\u0948\u0925\u093F\u0932\u0940 (Maithili)",
-  Malayalam: "\u0D2E\u0D32\u0D2F\u0D3E\u0D33\u0D02 (Malayalam)",
-  Manipuri: "\uABC3\uABE9\uABC7\uABE9\uABC2\uABE3\uABDF (Manipuri)",
-  Marathi: "\u092E\u0930\u093E\u0920\u0940 (Marathi)",
-  Nepali: "\u0928\u0947\u092A\u093E\u0932\u0940 (Nepali)",
-  Odia: "\u0B13\u0B21\u0B3C\u0B3F\u0B06 (Odia)",
-  Punjabi: "\u0A2A\u0A70\u0A1C\u0A3E\u0A2C\u0A40 (Punjabi)",
-  Sanskrit: "\u0938\u0902\u0938\u094D\u0915\u0943\u0924\u092E\u094D (Sanskrit)",
-  Santali: "\u1C65\u1C5F\u1C71\u1C5B\u1C5F\u1C72\u1C64 (Santali)",
-  Sindhi: "\u0633\u0646\u068C\u064A (Sindhi)",
-  Tamil: "\u0BA4\u0BAE\u0BBF\u0BB4\u0BCD (Tamil)",
-  Telugu: "\u0C24\u0C46\u0C32\u0C41\u0C17\u0C41 (Telugu)",
-  Urdu: "\u0627\u0631\u062F\u0648 (Urdu)"
-};
-var toNativeLabel = (name) => {
-  var _a;
-  return (_a = LANGUAGE_NATIVE_LABELS[name]) != null ? _a : name;
-};
-var LANGUAGE_NAME_TO_BCP47 = {
-  English: "en",
-  Assamese: "as",
-  Bengali: "bn",
-  Bodo: "brx",
-  Dogri: "doi",
-  Gujarati: "gu",
-  Hindi: "hi",
-  Kannada: "kn",
-  Kashmiri: "ks",
-  "Goan Konkani": "gom",
-  Maithili: "mai",
-  Malayalam: "ml",
-  Manipuri: "mni-Mtei",
-  Marathi: "mr",
-  Nepali: "ne",
-  Odia: "or",
-  Punjabi: "pa",
-  Sanskrit: "sa",
-  Santali: "sat",
-  Sindhi: "sd",
-  Tamil: "ta",
-  Telugu: "te",
-  Urdu: "ur"
-};
-var KNOWN_BCP47_CODES = new Set(Object.values(LANGUAGE_NAME_TO_BCP47));
-var toBcp47Code = (language) => {
-  if (LANGUAGE_NAME_TO_BCP47[language]) {
-    return LANGUAGE_NAME_TO_BCP47[language];
-  }
-  if (KNOWN_BCP47_CODES.has(language)) {
-    return language;
-  }
-  const lower = language.toLowerCase();
-  for (const [name, code] of Object.entries(LANGUAGE_NAME_TO_BCP47)) {
-    if (name.toLowerCase() === lower) {
-      return code;
-    }
-  }
-  if (/^[A-Za-z]{2,3}(?:-[A-Za-z0-9]{2,8})*$/.test(language)) {
-    return language;
-  }
-  return "en";
-};
-
-// src/RedactoNoticeConsent/injectStyles.ts
-var stylesInjected = false;
-var injectCheckboxStyles = () => {
-  if (stylesInjected || typeof document === "undefined") {
-    return;
-  }
-  const STYLE_ID = "redacto-consent-checkbox-styles";
-  if (document.getElementById(STYLE_ID)) {
-    stylesInjected = true;
-    return;
-  }
-  const style = document.createElement("style");
-  style.id = STYLE_ID;
-  style.textContent = `
-    /* Redacto Consent SDK Checkbox Styles */
-    .redacto-checkbox-large {
-      appearance: none !important;
-      -webkit-appearance: none !important;
-      -moz-appearance: none !important;
-      height: 20px !important;
-      width: 20px !important;
-      border: 2px solid #d0d5dd !important;
-      border-radius: 5px !important;
-      background-color: transparent !important;
-      cursor: pointer !important;
-      position: relative !important;
-      box-sizing: border-box !important;
-      margin: 0 !important;
-      padding: 4px !important;
-    }
-
-    .redacto-checkbox-small {
-      appearance: none !important;
-      -webkit-appearance: none !important;
-      -moz-appearance: none !important;
-      height: 16px !important;
-      width: 16px !important;
-      border: 2px solid #d0d5dd !important;
-      border-radius: 5px !important;
-      background-color: transparent !important;
-      cursor: pointer !important;
-      position: relative !important;
-      box-sizing: border-box !important;
-      margin: 0 !important;
-      padding: 4px !important;
-    }
-
-    .redacto-checkbox-large:checked {
-      background-color: #4f87ff !important;
-      border-color: #4f87ff !important;
-    }
-
-    .redacto-checkbox-small:checked {
-      background-color: #4f87ff !important;
-      border-color: #4f87ff !important;
-    }
-
-    .redacto-checkbox-large:checked::after {
-      content: '' !important;
-      position: absolute !important;
-      left: 50% !important;
-      top: 50% !important;
-      transform: translate(-50%, -50%) rotate(45deg) !important;
-      width: 4px !important;
-      height: 8px !important;
-      border: solid white !important;
-      border-width: 0 2px 2px 0 !important;
-      box-sizing: border-box !important;
-    }
-
-    .redacto-checkbox-small:checked::after {
-      content: '' !important;
-      position: absolute !important;
-      left: 50% !important;
-      top: 50% !important;
-      transform: translate(-50%, -50%) rotate(45deg) !important;
-      width: 3px !important;
-      height: 6px !important;
-      border: solid white !important;
-      border-width: 0 1.5px 1.5px 0 !important;
-      box-sizing: border-box !important;
-    }
-
-    .redacto-checkbox-large:focus {
-      outline: 2px solid #4f87ff !important;
-      outline-offset: 2px !important;
-    }
-
-    .redacto-checkbox-small:focus {
-      outline: 2px solid #4f87ff !important;
-      outline-offset: 2px !important;
-    }
-
-    /* TTS Highlight Styles - Visible highlighting without layout shift */
-    .redacto-tts-highlight {
-      position: relative !important;
-      transition: background-color 0.3s ease, outline 0.3s ease !important;
-    }
-
-    /* Block-level elements - headings */
-    h2.redacto-tts-highlight,
-    h3.redacto-tts-highlight {
-      background-color: #FFF9C4 !important;
-      border-radius: 3px !important;
-      padding: 2px 4px !important;
-      margin: -2px -4px !important;
-    }
-
-    /* Inline elements - spans, links */
-    span.redacto-tts-highlight,
-    a.redacto-tts-highlight {
-      background-color: #FFF9C4 !important;
-      border-radius: 3px !important;
-      padding: 2px 4px !important;
-      margin: -2px -4px !important;
-    }
-
-    /* Paragraphs - handle carefully to avoid layout shift */
-    p.redacto-tts-highlight {
-      background-color: #FFF9C4 !important;
-      border-radius: 3px !important;
-      padding: 2px 4px !important;
-      margin: -2px -4px !important;
-    }
-
-    /* Buttons - use outline to keep button styles intact */
-    button.redacto-tts-highlight {
-      outline: 3px solid #FFF9C4 !important;
-      outline-offset: 2px !important;
-    }
-
-    /* Spinner animation for verification screens */
-    @keyframes spin {
-      from { transform: rotate(0deg); }
-      to { transform: rotate(360deg); }
-    }
-
-    /* DigiLocker callback retry button hover */
-    .redacto-dl-retry-btn:hover {
-      background-color: #2563eb !important;
-    }
-  `;
-  document.head.appendChild(style);
-  stylesInjected = true;
-};
-
-// src/shared/font-catalogue.generated.ts
-var NOTICE_FONT_CATALOGUE = [
-  {
-    id: "montserrat",
-    slug: "montserrat",
-    value: "Montserrat",
-    label: "Montserrat",
-    cssFamily: "Montserrat",
-    stack: 'Montserrat, "Trebuchet MS", "Segoe UI", Arial, sans-serif',
-    genericFallback: "sans-serif",
-    source: "webfont",
-    weights: [400, 500, 600, 700],
-    formats: ["woff2", "ttf"]
-  },
-  {
-    id: "arial",
-    slug: "arial",
-    value: "Arial",
-    label: "Arial",
-    cssFamily: "Arial",
-    stack: "Arial, Helvetica, sans-serif",
-    genericFallback: "sans-serif",
-    source: "system"
+// src/RedactoNoticeConsent/styles.ts
+var styles = {
+  overlay: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%",
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 999,
+    animation: "overlayFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1)",
+    pointerEvents: "all",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
   },
-  {
-    id: "georgia",
-    slug: "georgia",
-    value: "Georgia",
-    label: "Georgia",
-    cssFamily: "Georgia",
-    stack: 'Georgia, "Times New Roman", Times, serif',
-    genericFallback: "serif",
-    source: "system"
+  modal: {
+    position: "fixed",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "700px",
+    borderRadius: "8px",
+    backgroundColor: "#ffffff",
+    boxShadow: "4px 0px 4px 0px #00000040",
+    border: "none",
+    display: "flex",
+    flexDirection: "column",
+    maxHeight: "90vh",
+    zIndex: 1e3,
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box",
+    textAlign: "left",
+    fontFamily: "inherit"
   },
-  {
-    id: "times new roman",
-    slug: "times-new-roman",
-    value: "Times New Roman",
-    label: "Times New Roman",
-    cssFamily: "Times New Roman",
-    stack: '"Times New Roman", Times, serif',
-    genericFallback: "serif",
-    source: "system"
+  content: {
+    margin: "22px",
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    overflow: "hidden",
+    minHeight: 0,
+    boxSizing: "border-box",
+    textAlign: "left"
   },
-  {
-    id: "trebuchet ms",
-    slug: "trebuchet-ms",
-    value: "Trebuchet MS",
-    label: "Trebuchet MS",
-    cssFamily: "Trebuchet MS",
-    stack: '"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif',
-    genericFallback: "sans-serif",
-    source: "system"
-  },
-  {
-    id: "verdana",
-    slug: "verdana",
-    value: "Verdana",
-    label: "Verdana",
-    cssFamily: "Verdana",
-    stack: "Verdana, Geneva, sans-serif",
-    genericFallback: "sans-serif",
-    source: "system"
-  }
-];
-var NOTICE_FONT_ENTRY_BY_ID = Object.fromEntries(NOTICE_FONT_CATALOGUE.map((entry) => [entry.id, entry]));
-
-// src/shared/constants.ts
-var INHERIT_FONT_FAMILY = "inherit";
-var NOTICE_FONT_STACKS = Object.fromEntries(
-  NOTICE_FONT_CATALOGUE.map((entry) => [entry.id, entry.stack])
-);
-var NOTICE_FONT_GENERIC_FALLBACK = ", sans-serif";
-var DEFAULT_NOTICE_FONT_ID = "arial";
-var CSS_FONT_KEYWORDS = [
-  "inherit",
-  "initial",
-  "revert",
-  "revert-layer",
-  "unset",
-  "serif",
-  "sans-serif",
-  "monospace",
-  "cursive",
-  "fantasy",
-  "system-ui",
-  "ui-serif",
-  "ui-sans-serif",
-  "ui-monospace",
-  "ui-rounded",
-  "math",
-  "emoji",
-  "fangsong"
-];
-var UNSAFE_FONT_CHARACTERS = /["';{}\\]/g;
-var FONT_NAME_QUOTE_CHARACTERS = /["']/g;
-var FONT_FAMILY_SEPARATOR = ",";
-var NOTICE_FONT_FACE_STYLE_ID_PREFIX = "redacto-notice-font-face-";
-var NOTICE_FONT_LOAD_ERROR_MESSAGE = "[redacto] notice webfont payload failed to load; falling back to the next family in the stack";
-var NOTICE_FONT_ROOT_ATTRIBUTE = "data-redacto-notice-font";
-var NOTICE_FONT_ROOT_PROPS = {
-  [NOTICE_FONT_ROOT_ATTRIBUTE]: ""
-};
-var NOTICE_FONT_STYLE_ID = "redacto-notice-font-styles";
-var NOTICE_FONT_CSS = `
-  [${NOTICE_FONT_ROOT_ATTRIBUTE}] button,
-  [${NOTICE_FONT_ROOT_ATTRIBUTE}] input,
-  [${NOTICE_FONT_ROOT_ATTRIBUTE}] optgroup,
-  [${NOTICE_FONT_ROOT_ATTRIBUTE}] option,
-  [${NOTICE_FONT_ROOT_ATTRIBUTE}] select,
-  [${NOTICE_FONT_ROOT_ATTRIBUTE}] textarea {
-    font-family: inherit;
-  }
-`;
-
-// src/shared/useNoticeFont.ts
-var import_react = require("react");
-
-// src/shared/notice-font.ts
-var toFontFamilyValue = (value) => {
-  var _a;
-  if (value.includes(",")) {
-    return value;
-  }
-  const family = value.replace(UNSAFE_FONT_CHARACTERS, "").trim();
-  if (!family) {
-    return INHERIT_FONT_FAMILY;
-  }
-  const lowered = family.toLowerCase();
-  if (CSS_FONT_KEYWORDS.includes(lowered)) {
-    return lowered;
-  }
-  return (_a = NOTICE_FONT_STACKS[lowered]) != null ? _a : `"${family}"${NOTICE_FONT_GENERIC_FALLBACK}`;
-};
-var toNoticeFontEntry = (fontPreference) => {
-  var _a;
-  const stored = fontPreference == null ? void 0 : fontPreference.trim();
-  if (!stored) {
-    return void 0;
-  }
-  return (_a = NOTICE_FONT_ENTRY_BY_ID[stored.toLowerCase()]) != null ? _a : NOTICE_FONT_ENTRY_BY_ID[DEFAULT_NOTICE_FONT_ID];
-};
-var resolveNoticeFontFamily = ({
-  hostFont,
-  noticeFont
-}) => {
-  var _a, _b;
-  const host = hostFont == null ? void 0 : hostFont.trim();
-  if (host) {
-    return toFontFamilyValue(host);
-  }
-  return (_b = (_a = toNoticeFontEntry(noticeFont)) == null ? void 0 : _a.stack) != null ? _b : INHERIT_FONT_FAMILY;
-};
-var fontStylesInjected = false;
-var injectNoticeFontStyles = () => {
-  if (fontStylesInjected || typeof document === "undefined") {
-    return;
-  }
-  if (document.getElementById(NOTICE_FONT_STYLE_ID)) {
-    fontStylesInjected = true;
-    return;
-  }
-  const style = document.createElement("style");
-  style.id = NOTICE_FONT_STYLE_ID;
-  style.textContent = NOTICE_FONT_CSS;
-  document.head.appendChild(style);
-  fontStylesInjected = true;
-};
-
-// src/shared/fonts/font-sources.generated.ts
-var NOTICE_FONT_SOURCE_IMPORTS = {
-  "montserrat": () => Promise.resolve().then(() => (init_montserrat_generated(), montserrat_generated_exports))
-};
-
-// 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((module2) => module2.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 = (0, import_react.useMemo)(
-    () => resolveNoticeFontFamily({ hostFont, noticeFont }),
-    [hostFont, noticeFont]
-  );
-  (0, import_react.useEffect)(() => {
-    injectNoticeFontStyles();
-  }, []);
-  (0, import_react.useEffect)(() => {
-    const controller = new AbortController();
-    void loadNoticeWebfont(fontFamily, controller.signal);
-    return () => controller.abort();
-  }, [fontFamily]);
-  return fontFamily;
-};
-
-// src/RedactoNoticeConsent/styles.ts
-var styles = {
-  overlay: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 999,
-    animation: "overlayFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1)",
-    pointerEvents: "all",
-    margin: 0,
-    padding: 0,
-    boxSizing: "border-box"
-  },
-  modal: {
-    position: "fixed",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    width: "700px",
-    borderRadius: "8px",
-    backgroundColor: "#ffffff",
-    boxShadow: "4px 0px 4px 0px #00000040",
-    border: "none",
-    display: "flex",
-    flexDirection: "column",
-    maxHeight: "90vh",
-    zIndex: 1e3,
-    margin: 0,
-    padding: 0,
-    boxSizing: "border-box",
-    textAlign: "left",
-    fontFamily: "inherit"
-  },
-  content: {
-    margin: "22px",
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    overflow: "hidden",
-    minHeight: 0,
-    boxSizing: "border-box",
-    textAlign: "left"
-  },
-  topSection: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "flex-start",
-    gap: "10px",
-    paddingBottom: "15px",
-    borderBottom: "none",
-    backgroundColor: "#ffffff",
-    margin: 0,
-    boxSizing: "border-box",
-    textAlign: "left"
+  topSection: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    gap: "10px",
+    paddingBottom: "15px",
+    borderBottom: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box",
+    textAlign: "left"
   },
   topLeft: {
     display: "flex",
@@ -1470,6 +980,33 @@ var styles = {
     margin: 0,
     boxSizing: "border-box"
   },
+  /**
+   * The main notice footer. Wide: one row with decline pushed to the left and
+   * the two accepts grouped right (see `declineSpacer`). Narrow: a full-width
+   * stack. The guardian-verification and age-gate sub-flows keep using
+   * `bottomSection` — they have their own two-button layout.
+   */
+  actionButtonRow: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: "12px",
+    paddingTop: "15px",
+    borderTop: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box"
+  },
+  actionButtonStack: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    paddingTop: "15px",
+    borderTop: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box"
+  },
   button: {
     width: "100%",
     borderRadius: "8px",
@@ -1489,6 +1026,44 @@ var styles = {
     border: "none",
     color: "#ffffff"
   },
+  /**
+     * The accept-all shortcut. Tinted rather than filled so the primary
+     * "accept selected" action stays visually dominant, and outlined-but-coloured
+     * so it still reads as an accept next to the neutral decline button.
+     */
+  acceptSecondaryButton: {
+    backgroundColor: "#ffffff",
+    border: "1px solid #4f87ff",
+    color: "#4f87ff"
+  },
+  /**
+   * Three buttons share the footer width, so the single-button horizontal
+   * padding would clip long translated labels. Let them wrap instead.
+   *
+   * `width: auto` undoes `button`'s `width: 100%` — in the wide row each button
+   * must size to its own label, or all three stretch equally and the
+   * left/right split disappears.
+   */
+  rowButton: {
+    width: "auto",
+    padding: "9px 20px",
+    whiteSpace: "normal",
+    wordBreak: "break-word"
+  },
+  /** In the narrow stack every button spans the full width. */
+  stackButton: {
+    width: "100%",
+    padding: "9px 20px",
+    whiteSpace: "normal",
+    wordBreak: "break-word"
+  },
+  /**
+   * Pushes everything after decline to the right edge, which is the whole of
+   * the wide layout: `[Decline] <-- gap --> [Accept Selected] [Accept All]`.
+   */
+  declineSpacer: {
+    marginRight: "auto"
+  },
   cancelButton: {
     border: "1px solid #d0d5dd",
     backgroundColor: "#ffffff",
@@ -1557,6 +1132,669 @@ var styles = {
   }
 };
 
+// src/RedactoNoticeConsent/components/NoticeFooter.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DISABLED_OPACITY = 0.5;
+var NoticeFooter = ({
+  labels,
+  acceptSelectedDisabled,
+  isSubmittingAccept,
+  isSubmittingDecline,
+  isMobile,
+  responsiveButtonStyle,
+  acceptAllButtonStyle,
+  acceptSelectedButtonStyle,
+  declineButtonStyle,
+  lastFocusableRef,
+  onAcceptAll,
+  onAcceptSelected,
+  onDecline
+}) => {
+  const isSubmitting = isSubmittingAccept || isSubmittingDecline;
+  const baseButtonStyle = {
+    ...styles.button,
+    ...responsiveButtonStyle,
+    ...isMobile ? styles.stackButton : styles.rowButton
+  };
+  const acceptAllButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      id: ACCEPT_ALL_BUTTON_ID,
+      style: {
+        ...baseButtonStyle,
+        ...styles.acceptButton,
+        ...acceptAllButtonStyle,
+        opacity: isSubmitting ? DISABLED_OPACITY : 1
+      },
+      onClick: onAcceptAll,
+      disabled: isSubmitting,
+      "aria-label": labels.acceptAll,
+      children: isSubmittingAccept ? SUBMITTING_BUTTON_TEXT : labels.acceptAll
+    }
+  );
+  const acceptSelectedButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      ref: lastFocusableRef,
+      id: ACCEPT_SELECTED_BUTTON_ID,
+      style: {
+        ...baseButtonStyle,
+        ...styles.acceptSecondaryButton,
+        ...acceptSelectedButtonStyle,
+        opacity: acceptSelectedDisabled ? DISABLED_OPACITY : 1
+      },
+      onClick: onAcceptSelected,
+      disabled: acceptSelectedDisabled || isSubmittingDecline,
+      "aria-label": labels.acceptSelected,
+      children: isSubmittingAccept ? SUBMITTING_BUTTON_TEXT : labels.acceptSelected
+    }
+  );
+  const declineButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      id: DECLINE_BUTTON_ID,
+      style: {
+        ...baseButtonStyle,
+        ...styles.cancelButton,
+        ...declineButtonStyle,
+        // Only the wide row needs the spacer that pushes the accepts right.
+        ...isMobile ? {} : styles.declineSpacer,
+        opacity: isSubmittingAccept ? DISABLED_OPACITY : 1
+      },
+      onClick: onDecline,
+      disabled: isSubmitting,
+      "aria-label": labels.decline,
+      children: isSubmittingDecline ? SUBMITTING_BUTTON_TEXT : labels.decline
+    }
+  );
+  if (isMobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      acceptAllButton,
+      acceptSelectedButton,
+      declineButton
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    declineButton,
+    acceptSelectedButton,
+    acceptAllButton
+  ] });
+};
+
+// src/RedactoNoticeConsent/utils/consentSelection.ts
+var dataElementKey = (purposeUuid, elementUuid) => `${purposeUuid}-${elementUuid}`;
+var buildSelectionForMode = (purposes, mode, current) => {
+  if (mode === "selected") {
+    return current;
+  }
+  const selectedPurposes = {};
+  const selectedDataElements = {};
+  purposes.forEach((purpose) => {
+    selectedPurposes[purpose.uuid] = true;
+    purpose.data_elements.forEach((element) => {
+      selectedDataElements[dataElementKey(purpose.uuid, element.uuid)] = element.enabled;
+    });
+  });
+  return { selectedPurposes, selectedDataElements };
+};
+var resolvePurposePreselection = (raw) => raw === "MANDATORY" || raw === "ALL" ? raw : DEFAULT_PURPOSE_PRESELECTION;
+var hasRecordedPurposeState = (selection) => {
+  var _a;
+  if (!selection) {
+    return false;
+  }
+  if (selection.status && selection.status !== PURPOSE_STATUS_INACTIVE) {
+    return true;
+  }
+  return Object.keys((_a = selection.data_elements) != null ? _a : {}).length > 0;
+};
+var buildPreselection = (purposes, mode) => {
+  const selectedPurposes = {};
+  const selectedDataElements = {};
+  if (mode === "ALL") {
+    return buildSelectionForMode(purposes, "all", {
+      selectedPurposes,
+      selectedDataElements
+    });
+  }
+  purposes.forEach((purpose) => {
+    let hasPreselectedElement = false;
+    purpose.data_elements.forEach((element) => {
+      const isPreselected = mode === "MANDATORY" && element.required && element.enabled;
+      selectedDataElements[dataElementKey(purpose.uuid, element.uuid)] = isPreselected;
+      hasPreselectedElement = hasPreselectedElement || isPreselected;
+    });
+    selectedPurposes[purpose.uuid] = hasPreselectedElement;
+  });
+  return { selectedPurposes, selectedDataElements };
+};
+var hasRequiredDataElement = (purpose) => purpose.data_elements.some((element) => element.required);
+
+// 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",
+  Assamese: "\u0985\u09B8\u09AE\u09C0\u09AF\u09BC\u09BE (Assamese)",
+  Bengali: "\u09AC\u09BE\u0982\u09B2\u09BE (Bengali)",
+  Bodo: "\u092C\u0921\u093C\u094B (Bodo)",
+  Dogri: "\u0921\u094B\u0917\u0930\u0940 (Dogri)",
+  Gujarati: "\u0A97\u0AC1\u0A9C\u0AB0\u0ABE\u0AA4\u0AC0 (Gujarati)",
+  Hindi: "\u0939\u093F\u0928\u094D\u0926\u0940 (Hindi)",
+  Kannada: "\u0C95\u0CA8\u0CCD\u0CA8\u0CA1 (Kannada)",
+  Kashmiri: "\u0643\u0672\u0634\u064F\u0631 (Kashmiri)",
+  "Goan Konkani": "\u0915\u094B\u0902\u0915\u0923\u0940 (Goan Konkani)",
+  Maithili: "\u092E\u0948\u0925\u093F\u0932\u0940 (Maithili)",
+  Malayalam: "\u0D2E\u0D32\u0D2F\u0D3E\u0D33\u0D02 (Malayalam)",
+  Manipuri: "\uABC3\uABE9\uABC7\uABE9\uABC2\uABE3\uABDF (Manipuri)",
+  Marathi: "\u092E\u0930\u093E\u0920\u0940 (Marathi)",
+  Nepali: "\u0928\u0947\u092A\u093E\u0932\u0940 (Nepali)",
+  Odia: "\u0B13\u0B21\u0B3C\u0B3F\u0B06 (Odia)",
+  Punjabi: "\u0A2A\u0A70\u0A1C\u0A3E\u0A2C\u0A40 (Punjabi)",
+  Sanskrit: "\u0938\u0902\u0938\u094D\u0915\u0943\u0924\u092E\u094D (Sanskrit)",
+  Santali: "\u1C65\u1C5F\u1C71\u1C5B\u1C5F\u1C72\u1C64 (Santali)",
+  Sindhi: "\u0633\u0646\u068C\u064A (Sindhi)",
+  Tamil: "\u0BA4\u0BAE\u0BBF\u0BB4\u0BCD (Tamil)",
+  Telugu: "\u0C24\u0C46\u0C32\u0C41\u0C17\u0C41 (Telugu)",
+  Urdu: "\u0627\u0631\u062F\u0648 (Urdu)"
+};
+var toNativeLabel = (name) => {
+  var _a;
+  return (_a = LANGUAGE_NATIVE_LABELS[name]) != null ? _a : name;
+};
+var LANGUAGE_NAME_TO_BCP47 = {
+  English: "en",
+  Assamese: "as",
+  Bengali: "bn",
+  Bodo: "brx",
+  Dogri: "doi",
+  Gujarati: "gu",
+  Hindi: "hi",
+  Kannada: "kn",
+  Kashmiri: "ks",
+  "Goan Konkani": "gom",
+  Maithili: "mai",
+  Malayalam: "ml",
+  Manipuri: "mni-Mtei",
+  Marathi: "mr",
+  Nepali: "ne",
+  Odia: "or",
+  Punjabi: "pa",
+  Sanskrit: "sa",
+  Santali: "sat",
+  Sindhi: "sd",
+  Tamil: "ta",
+  Telugu: "te",
+  Urdu: "ur"
+};
+var KNOWN_BCP47_CODES = new Set(Object.values(LANGUAGE_NAME_TO_BCP47));
+var toBcp47Code = (language) => {
+  if (LANGUAGE_NAME_TO_BCP47[language]) {
+    return LANGUAGE_NAME_TO_BCP47[language];
+  }
+  if (KNOWN_BCP47_CODES.has(language)) {
+    return language;
+  }
+  const lower = language.toLowerCase();
+  for (const [name, code] of Object.entries(LANGUAGE_NAME_TO_BCP47)) {
+    if (name.toLowerCase() === lower) {
+      return code;
+    }
+  }
+  if (/^[A-Za-z]{2,3}(?:-[A-Za-z0-9]{2,8})*$/.test(language)) {
+    return language;
+  }
+  return "en";
+};
+
+// src/RedactoNoticeConsent/injectStyles.ts
+var stylesInjected = false;
+var injectCheckboxStyles = () => {
+  if (stylesInjected || typeof document === "undefined") {
+    return;
+  }
+  const STYLE_ID = "redacto-consent-checkbox-styles";
+  if (document.getElementById(STYLE_ID)) {
+    stylesInjected = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = `
+    /* Redacto Consent SDK Checkbox Styles */
+    .redacto-checkbox-large {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      -moz-appearance: none !important;
+      height: 20px !important;
+      width: 20px !important;
+      border: 2px solid #d0d5dd !important;
+      border-radius: 5px !important;
+      background-color: transparent !important;
+      cursor: pointer !important;
+      position: relative !important;
+      box-sizing: border-box !important;
+      margin: 0 !important;
+      padding: 4px !important;
+    }
+
+    .redacto-checkbox-small {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      -moz-appearance: none !important;
+      height: 16px !important;
+      width: 16px !important;
+      border: 2px solid #d0d5dd !important;
+      border-radius: 5px !important;
+      background-color: transparent !important;
+      cursor: pointer !important;
+      position: relative !important;
+      box-sizing: border-box !important;
+      margin: 0 !important;
+      padding: 4px !important;
+    }
+
+    .redacto-checkbox-large:checked {
+      background-color: #4f87ff !important;
+      border-color: #4f87ff !important;
+    }
+
+    .redacto-checkbox-small:checked {
+      background-color: #4f87ff !important;
+      border-color: #4f87ff !important;
+    }
+
+    .redacto-checkbox-large:checked::after {
+      content: '' !important;
+      position: absolute !important;
+      left: 50% !important;
+      top: 50% !important;
+      transform: translate(-50%, -50%) rotate(45deg) !important;
+      width: 4px !important;
+      height: 8px !important;
+      border: solid white !important;
+      border-width: 0 2px 2px 0 !important;
+      box-sizing: border-box !important;
+    }
+
+    .redacto-checkbox-small:checked::after {
+      content: '' !important;
+      position: absolute !important;
+      left: 50% !important;
+      top: 50% !important;
+      transform: translate(-50%, -50%) rotate(45deg) !important;
+      width: 3px !important;
+      height: 6px !important;
+      border: solid white !important;
+      border-width: 0 1.5px 1.5px 0 !important;
+      box-sizing: border-box !important;
+    }
+
+    .redacto-checkbox-large:focus {
+      outline: 2px solid #4f87ff !important;
+      outline-offset: 2px !important;
+    }
+
+    .redacto-checkbox-small:focus {
+      outline: 2px solid #4f87ff !important;
+      outline-offset: 2px !important;
+    }
+
+    /* TTS Highlight Styles - Visible highlighting without layout shift */
+    .redacto-tts-highlight {
+      position: relative !important;
+      transition: background-color 0.3s ease, outline 0.3s ease !important;
+    }
+
+    /* Block-level elements - headings */
+    h2.redacto-tts-highlight,
+    h3.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    /* Inline elements - spans, links */
+    span.redacto-tts-highlight,
+    a.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    /* Paragraphs - handle carefully to avoid layout shift */
+    p.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    /* Buttons - use outline to keep button styles intact */
+    button.redacto-tts-highlight {
+      outline: 3px solid #FFF9C4 !important;
+      outline-offset: 2px !important;
+    }
+
+    /* Spinner animation for verification screens */
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+
+    /* DigiLocker callback retry button hover */
+    .redacto-dl-retry-btn:hover {
+      background-color: #2563eb !important;
+    }
+  `;
+  document.head.appendChild(style);
+  stylesInjected = true;
+};
+
+// src/shared/font-catalogue.generated.ts
+var NOTICE_FONT_CATALOGUE = [
+  {
+    id: "montserrat",
+    slug: "montserrat",
+    value: "Montserrat",
+    label: "Montserrat",
+    cssFamily: "Montserrat",
+    stack: 'Montserrat, "Trebuchet MS", "Segoe UI", Arial, sans-serif',
+    genericFallback: "sans-serif",
+    source: "webfont",
+    weights: [400, 500, 600, 700],
+    formats: ["woff2", "ttf"]
+  },
+  {
+    id: "arial",
+    slug: "arial",
+    value: "Arial",
+    label: "Arial",
+    cssFamily: "Arial",
+    stack: "Arial, Helvetica, sans-serif",
+    genericFallback: "sans-serif",
+    source: "system"
+  },
+  {
+    id: "georgia",
+    slug: "georgia",
+    value: "Georgia",
+    label: "Georgia",
+    cssFamily: "Georgia",
+    stack: 'Georgia, "Times New Roman", Times, serif',
+    genericFallback: "serif",
+    source: "system"
+  },
+  {
+    id: "times new roman",
+    slug: "times-new-roman",
+    value: "Times New Roman",
+    label: "Times New Roman",
+    cssFamily: "Times New Roman",
+    stack: '"Times New Roman", Times, serif',
+    genericFallback: "serif",
+    source: "system"
+  },
+  {
+    id: "trebuchet ms",
+    slug: "trebuchet-ms",
+    value: "Trebuchet MS",
+    label: "Trebuchet MS",
+    cssFamily: "Trebuchet MS",
+    stack: '"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif',
+    genericFallback: "sans-serif",
+    source: "system"
+  },
+  {
+    id: "verdana",
+    slug: "verdana",
+    value: "Verdana",
+    label: "Verdana",
+    cssFamily: "Verdana",
+    stack: "Verdana, Geneva, sans-serif",
+    genericFallback: "sans-serif",
+    source: "system"
+  }
+];
+var NOTICE_FONT_ENTRY_BY_ID = Object.fromEntries(NOTICE_FONT_CATALOGUE.map((entry) => [entry.id, entry]));
+
+// src/shared/constants.ts
+var REQUIRED_MARKER_GLYPH = "*";
+var REQUIRED_MARKER_ARIA_LABEL = "required";
+var REQUIRED_MARKER_COLOR = "red";
+var REQUIRED_MARKER_GAP = "4px";
+var REQUIRED_MARKER_STYLE = {
+  color: REQUIRED_MARKER_COLOR,
+  marginLeft: REQUIRED_MARKER_GAP
+};
+var INHERIT_FONT_FAMILY = "inherit";
+var NOTICE_FONT_STACKS = Object.fromEntries(
+  NOTICE_FONT_CATALOGUE.map((entry) => [entry.id, entry.stack])
+);
+var NOTICE_FONT_GENERIC_FALLBACK = ", sans-serif";
+var DEFAULT_NOTICE_FONT_ID = "arial";
+var CSS_FONT_KEYWORDS = [
+  "inherit",
+  "initial",
+  "revert",
+  "revert-layer",
+  "unset",
+  "serif",
+  "sans-serif",
+  "monospace",
+  "cursive",
+  "fantasy",
+  "system-ui",
+  "ui-serif",
+  "ui-sans-serif",
+  "ui-monospace",
+  "ui-rounded",
+  "math",
+  "emoji",
+  "fangsong"
+];
+var UNSAFE_FONT_CHARACTERS = /["';{}\\]/g;
+var FONT_NAME_QUOTE_CHARACTERS = /["']/g;
+var FONT_FAMILY_SEPARATOR = ",";
+var NOTICE_FONT_FACE_STYLE_ID_PREFIX = "redacto-notice-font-face-";
+var NOTICE_FONT_LOAD_ERROR_MESSAGE = "[redacto] notice webfont payload failed to load; falling back to the next family in the stack";
+var NOTICE_FONT_ROOT_ATTRIBUTE = "data-redacto-notice-font";
+var NOTICE_FONT_ROOT_PROPS = {
+  [NOTICE_FONT_ROOT_ATTRIBUTE]: ""
+};
+var NOTICE_FONT_STYLE_ID = "redacto-notice-font-styles";
+var NOTICE_FONT_CSS = `
+  [${NOTICE_FONT_ROOT_ATTRIBUTE}] button,
+  [${NOTICE_FONT_ROOT_ATTRIBUTE}] input,
+  [${NOTICE_FONT_ROOT_ATTRIBUTE}] optgroup,
+  [${NOTICE_FONT_ROOT_ATTRIBUTE}] option,
+  [${NOTICE_FONT_ROOT_ATTRIBUTE}] select,
+  [${NOTICE_FONT_ROOT_ATTRIBUTE}] textarea {
+    font-family: inherit;
+  }
+`;
+
+// src/shared/RequiredMarker.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var RequiredMarker = ({
+  label = REQUIRED_MARKER_ARIA_LABEL
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: REQUIRED_MARKER_STYLE, "aria-label": label, children: REQUIRED_MARKER_GLYPH });
+
+// src/shared/useNoticeFont.ts
+var import_react = require("react");
+
+// src/shared/notice-font.ts
+var toFontFamilyValue = (value) => {
+  var _a;
+  if (value.includes(",")) {
+    return value;
+  }
+  const family = value.replace(UNSAFE_FONT_CHARACTERS, "").trim();
+  if (!family) {
+    return INHERIT_FONT_FAMILY;
+  }
+  const lowered = family.toLowerCase();
+  if (CSS_FONT_KEYWORDS.includes(lowered)) {
+    return lowered;
+  }
+  return (_a = NOTICE_FONT_STACKS[lowered]) != null ? _a : `"${family}"${NOTICE_FONT_GENERIC_FALLBACK}`;
+};
+var toNoticeFontEntry = (fontPreference) => {
+  var _a;
+  const stored = fontPreference == null ? void 0 : fontPreference.trim();
+  if (!stored) {
+    return void 0;
+  }
+  return (_a = NOTICE_FONT_ENTRY_BY_ID[stored.toLowerCase()]) != null ? _a : NOTICE_FONT_ENTRY_BY_ID[DEFAULT_NOTICE_FONT_ID];
+};
+var resolveNoticeFontFamily = ({
+  hostFont,
+  noticeFont
+}) => {
+  var _a, _b;
+  const host = hostFont == null ? void 0 : hostFont.trim();
+  if (host) {
+    return toFontFamilyValue(host);
+  }
+  return (_b = (_a = toNoticeFontEntry(noticeFont)) == null ? void 0 : _a.stack) != null ? _b : INHERIT_FONT_FAMILY;
+};
+var fontStylesInjected = false;
+var injectNoticeFontStyles = () => {
+  if (fontStylesInjected || typeof document === "undefined") {
+    return;
+  }
+  if (document.getElementById(NOTICE_FONT_STYLE_ID)) {
+    fontStylesInjected = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = NOTICE_FONT_STYLE_ID;
+  style.textContent = NOTICE_FONT_CSS;
+  document.head.appendChild(style);
+  fontStylesInjected = true;
+};
+
+// src/shared/fonts/font-sources.generated.ts
+var NOTICE_FONT_SOURCE_IMPORTS = {
+  "montserrat": () => Promise.resolve().then(() => (init_montserrat_generated(), montserrat_generated_exports))
+};
+
+// 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((module2) => module2.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 = (0, import_react.useMemo)(
+    () => resolveNoticeFontFamily({ hostFont, noticeFont }),
+    [hostFont, noticeFont]
+  );
+  (0, import_react.useEffect)(() => {
+    injectNoticeFontStyles();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const controller = new AbortController();
+    void loadNoticeWebfont(fontFamily, controller.signal);
+    return () => controller.abort();
+  }, [fontFamily]);
+  return fontFamily;
+};
+
 // src/RedactoNoticeConsent/useMediaQuery.ts
 var import_react2 = require("react");
 var useMediaQuery = (query) => {
@@ -1648,7 +1886,7 @@ var updateConsentState = (updates) => {
 };
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var PurposeItem = ({
   purpose,
   selectedPurposes,
@@ -1677,9 +1915,9 @@ var PurposeItem = ({
     }),
     [settings == null ? void 0 : settings.textColor]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles4.optionItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.optionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           style: styles4.optionLeft,
@@ -1700,7 +1938,7 @@ var PurposeItem = ({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "div",
               {
                 style: {
@@ -1709,7 +1947,7 @@ var PurposeItem = ({
                   justifyContent: "center",
                   marginLeft: "5px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "svg",
                   {
                     width: "7",
@@ -1726,13 +1964,13 @@ var PurposeItem = ({
                       transition: "transform 0.3s ease"
                     },
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 1L6 6L1 11" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M1 1L6 6L1 11" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles4.optionTextContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.optionTextContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 "h2",
                 {
                   id: `purpose-name-${purpose.uuid}`,
@@ -1741,11 +1979,14 @@ var PurposeItem = ({
                     ...responsiveStyles.optionTitle,
                     ...headingStyle
                   },
-                  children: getTranslatedText(`purposes.name`, purpose.name, purpose.uuid)
+                  children: [
+                    getTranslatedText(`purposes.name`, purpose.name, purpose.uuid),
+                    hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RequiredMarker, {})
+                  ]
                 },
                 `purpose-name-${purpose.uuid}-${selectedLanguage}`
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "h3",
                 {
                   id: `purpose-description-${purpose.uuid}`,
@@ -1766,7 +2007,7 @@ var PurposeItem = ({
           ]
         }
       ),
-      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "input",
         {
           className: "redacto-checkbox-large",
@@ -1780,7 +2021,7 @@ var PurposeItem = ({
           )}`
         }
       ),
-      isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           style: {
@@ -1798,7 +2039,7 @@ var PurposeItem = ({
             purpose.name,
             purpose.uuid
           )}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "svg",
             {
               width: "12",
@@ -1807,7 +2048,7 @@ var PurposeItem = ({
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "path",
                 {
                   d: "M4 6L5.5 7.5L8.5 4.5",
@@ -1822,17 +2063,17 @@ var PurposeItem = ({
         }
       )
     ] }),
-    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         id: `purpose-${purpose.uuid}`,
         style: styles4.dataElementsContainer,
-        children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "div",
           {
             style: styles4.dataElementItem,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 "span",
                 {
                   id: `data-element-${purpose.uuid}-${dataElement.uuid}`,
@@ -1847,22 +2088,12 @@ var PurposeItem = ({
                       dataElement.name,
                       dataElement.uuid
                     ),
-                    dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      "span",
-                      {
-                        style: {
-                          color: "red",
-                          marginLeft: "4px"
-                        },
-                        "aria-label": "required",
-                        children: "*"
-                      }
-                    )
+                    dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RequiredMarker, {})
                   ]
                 },
                 `data-element-${purpose.uuid}-${dataElement.uuid}-${selectedLanguage}`
               ),
-              !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "input",
                 {
                   className: "redacto-checkbox-small",
@@ -1876,11 +2107,11 @@ var PurposeItem = ({
                   )}${dataElement.required ? " (required)" : ""}`
                 }
               ),
-              isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (() => {
+              isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: (() => {
                 const combinedId = `${purpose.uuid}-${dataElement.uuid}`;
                 const wasOriginallySelected = initialDataElementSelections[combinedId] || false;
                 if (wasOriginallySelected) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       style: {
@@ -1897,7 +2128,7 @@ var PurposeItem = ({
                         dataElement.name,
                         dataElement.uuid
                       )}`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "svg",
                         {
                           width: "10",
@@ -1906,7 +2137,7 @@ var PurposeItem = ({
                           fill: "none",
                           xmlns: "http://www.w3.org/2000/svg",
                           "aria-hidden": "true",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "path",
                             {
                               d: "M3 5L4.5 6.5L7.5 3.5",
@@ -1921,7 +2152,7 @@ var PurposeItem = ({
                     }
                   );
                 } else {
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       style: {
@@ -2091,10 +2322,10 @@ var GuardianForm = ({
   };
   const selectedLabel = (_a = RELATIONSHIP_OPTIONS.find((o) => o.value === formData.guardianRelationship)) == null ? void 0 : _a.label;
   const hasError = Boolean(errors.guardianRelationship);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles4.topLeft, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.topLeft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "h2",
         {
           id: "guardian-form-title",
@@ -2109,7 +2340,7 @@ var GuardianForm = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -2118,7 +2349,7 @@ var GuardianForm = ({
           ...componentTextStyle
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "p",
             {
               style: {
@@ -2132,8 +2363,8 @@ var GuardianForm = ({
               children: "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before you can proceed."
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: infoBannerStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: infoBannerStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "svg",
               {
                 width: "16",
@@ -2146,15 +2377,15 @@ var GuardianForm = ({
                 strokeLinejoin: "round",
                 style: { flexShrink: 0, marginTop: "1px" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "The guardian's name will be matched against their DigiLocker identity document (e.g. Aadhaar). Please enter the name exactly as it appears on the document." })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "The guardian's name will be matched against their DigiLocker identity document (e.g. Aadhaar). Please enter the name exactly as it appears on the document." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               style: {
@@ -2163,12 +2394,12 @@ var GuardianForm = ({
                 gap: "14px"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "guardianName", style: labelStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: "guardianName", style: labelStyle, children: [
                     "Guardian's Full Name ",
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "input",
                     {
                       id: "guardianName",
@@ -2184,15 +2415,15 @@ var GuardianForm = ({
                       "aria-describedby": "guardianName-hint"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "guardianName-hint", style: hintStyle, children: "Enter the full name as per government ID (Aadhaar, PAN, etc.)" }),
-                  errors.guardianName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianName })
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { id: "guardianName-hint", style: hintStyle, children: "Enter the full name as per government ID (Aadhaar, PAN, etc.)" }),
+                  errors.guardianName && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianName })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "guardianContact", style: labelStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: "guardianContact", style: labelStyle, children: [
                     "Guardian's Phone Number ",
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "input",
                     {
                       id: "guardianContact",
@@ -2209,15 +2440,15 @@ var GuardianForm = ({
                       "aria-describedby": "guardianContact-hint"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "guardianContact-hint", style: hintStyle, children: "Mobile number linked to guardian's Aadhaar" }),
-                  errors.guardianContact && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianContact })
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { id: "guardianContact-hint", style: hintStyle, children: "Mobile number linked to guardian's Aadhaar" }),
+                  errors.guardianContact && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianContact })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: dropdownRef, style: { position: "relative" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { id: "guardianRelationship-label", style: labelStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref: dropdownRef, style: { position: "relative" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { id: "guardianRelationship-label", style: labelStyle, children: [
                     "Relationship ",
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                     "div",
                     {
                       role: "combobox",
@@ -2245,8 +2476,8 @@ var GuardianForm = ({
                         transition: "border-color 0.15s, box-shadow 0.15s"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedLabel || "Select relationship" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedLabel || "Select relationship" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "svg",
                           {
                             width: "14",
@@ -2263,13 +2494,13 @@ var GuardianForm = ({
                               transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
                               transition: "transform 0.2s"
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "6 9 12 15 18 9" })
                           }
                         )
                       ]
                     }
                   ),
-                  isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       ref: optionsRef,
@@ -2296,7 +2527,7 @@ var GuardianForm = ({
                         const isSelected = formData.guardianRelationship === option.value;
                         const isFocused = focusedIndex === index;
                         const accentColor = ((_b2 = (_a2 = settings == null ? void 0 : settings.button) == null ? void 0 : _a2.accept) == null ? void 0 : _b2.backgroundColor) || "#3b82f6";
-                        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "div",
                           {
                             id: `guardianRelationship-option-${index}`,
@@ -2316,8 +2547,8 @@ var GuardianForm = ({
                               transition: "background-color 0.1s"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.label }),
-                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: option.label }),
+                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "svg",
                                 {
                                   width: "14",
@@ -2329,7 +2560,7 @@ var GuardianForm = ({
                                   strokeLinecap: "round",
                                   strokeLinejoin: "round",
                                   style: { flexShrink: 0 },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "20 6 9 17 4 12" })
                                 }
                               )
                             ]
@@ -2339,12 +2570,12 @@ var GuardianForm = ({
                       })
                     }
                   ),
-                  errors.guardianRelationship && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianRelationship })
+                  errors.guardianRelationship && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianRelationship })
                 ] })
               ]
             }
           ),
-          errors.general && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          errors.general && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
             {
               role: "alert",
@@ -2364,7 +2595,7 @@ var GuardianForm = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -2374,7 +2605,7 @@ var GuardianForm = ({
           paddingTop: "12px"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               style: {
@@ -2390,7 +2621,7 @@ var GuardianForm = ({
               children: isSubmitting ? "Verifying..." : "Verify via DigiLocker"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               style: {
@@ -2459,10 +2690,10 @@ var VerificationScreen = ({
     animation: "spin 1s linear infinite",
     margin: "24px auto"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles4.topLeft, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.topLeft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "h2",
         {
           id: "verification-title",
@@ -2477,7 +2708,7 @@ var VerificationScreen = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -2487,7 +2718,7 @@ var VerificationScreen = ({
           textAlign: "center"
         },
         children: [
-          isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               style: {
@@ -2498,7 +2729,7 @@ var VerificationScreen = ({
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "div",
                   {
                     style: {
@@ -2510,7 +2741,7 @@ var VerificationScreen = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       "svg",
                       {
                         width: "32",
@@ -2521,12 +2752,12 @@ var VerificationScreen = ({
                         strokeWidth: "2",
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "20 6 9 17 4 12" })
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "p",
                   {
                     style: {
@@ -2542,12 +2773,12 @@ var VerificationScreen = ({
                 )
               ]
             }
-          ) : (isInitiating || isPolling) && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: spinnerStyle }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: statusStyle, children: isInitiating ? "Opening DigiLocker in a new tab..." : "Please complete the verification in the DigiLocker tab. This page will update automatically when verification is complete." })
+          ) : (isInitiating || isPolling) && !error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: spinnerStyle }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: statusStyle, children: isInitiating ? "Opening DigiLocker in a new tab..." : "Please complete the verification in the DigiLocker tab. This page will update automatically when verification is complete." })
           ] }) : null,
-          error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          error && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "div",
               {
                 style: {
@@ -2560,7 +2791,7 @@ var VerificationScreen = ({
                   justifyContent: "center",
                   margin: "24px auto"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "svg",
                   {
                     width: "32",
@@ -2572,14 +2803,14 @@ var VerificationScreen = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "p",
               {
                 style: {
@@ -2593,12 +2824,12 @@ var VerificationScreen = ({
                 children: "Verification failed"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, children: error })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, children: error })
           ] })
         ]
       }
     ),
-    isAutoTransitioning ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    isAutoTransitioning ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         style: {
@@ -2610,7 +2841,7 @@ var VerificationScreen = ({
           gap: "12px",
           justifyContent: "center"
         },
-        children: isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        children: isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             style: {
@@ -2623,7 +2854,7 @@ var VerificationScreen = ({
             "aria-label": "Continue to consent form",
             children: "Continue"
           }
-        ) : error && canRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) : error && canRetry ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             style: {
@@ -2637,7 +2868,7 @@ var VerificationScreen = ({
             "aria-label": errorCode === "GUARDIAN_UNDER_18" ? "Change guardian details" : "Try verification again",
             children: errorCode === "GUARDIAN_UNDER_18" ? "Change Guardian" : "Try Again"
           }
-        ) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) : error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             style: {
@@ -2651,7 +2882,7 @@ var VerificationScreen = ({
             "aria-label": "Go back",
             children: "Go Back"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             style: {
@@ -2683,11 +2914,11 @@ var AgeVerification = ({
   logoUrl,
   isMobile
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles4.topLeft, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Redacto Logo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.topLeft, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Redacto Logo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "h2",
           {
             id: "age-verification-title",
@@ -2700,7 +2931,7 @@ var AgeVerification = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           onClick: onClose,
@@ -2715,7 +2946,7 @@ var AgeVerification = ({
             justifyContent: "center"
           },
           "aria-label": "Close modal",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "svg",
             {
               width: isMobile ? "18" : "20",
@@ -2724,7 +2955,7 @@ var AgeVerification = ({
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "path",
                 {
                   d: "M15 5L5 15M5 5L15 15",
@@ -2739,7 +2970,7 @@ var AgeVerification = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -2748,7 +2979,7 @@ var AgeVerification = ({
           ...componentTextStyle
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "p",
             {
               style: {
@@ -2760,7 +2991,7 @@ var AgeVerification = ({
               children: "To proceed with this consent form, we need to verify your age."
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "p",
             {
               style: {
@@ -2775,7 +3006,7 @@ var AgeVerification = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -2784,7 +3015,7 @@ var AgeVerification = ({
           ...componentTextStyle
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               style: {
@@ -2799,7 +3030,7 @@ var AgeVerification = ({
               children: "Yes, I am 18 or older"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               style: {
@@ -2846,7 +3077,7 @@ var RedactoNoticeConsent = ({
   includeFullyConsentedData = false,
   reviewModeButtonText = "Continue"
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  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;
   const sandboxParams = (0, import_react3.useMemo)(
     () => ({
       token,
@@ -2885,7 +3116,7 @@ var RedactoNoticeConsent = ({
     ucic
   ]);
   if (propValidationError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -2896,9 +3127,9 @@ var RedactoNoticeConsent = ({
           color: "#c33"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "Configuration Error" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: propValidationError }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Please check your component props and try again." })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: "Configuration Error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: propValidationError }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: "Please check your component props and try again." })
         ]
       }
     );
@@ -3075,7 +3306,7 @@ var RedactoNoticeConsent = ({
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
-        (element) => element.required
+        (element) => element.required && element.enabled
       );
       return requiredElements.every(
         (element) => selectedDataElements[`${purpose.uuid}-${element.uuid}`]
@@ -3279,12 +3510,18 @@ var RedactoNoticeConsent = ({
         )
       } : null;
       setCategorizedPurposes(newCategorizedPurposes);
+      const preselection = buildPreselection(
+        activeConfig.purposes,
+        resolvePurposePreselection(activeConfig.purpose_preselection)
+      );
       const initialPurposeState = activeConfig.purposes.reduce(
         (acc, purpose) => {
-          if (purposeSelections == null ? void 0 : purposeSelections[purpose.uuid]) {
-            acc[purpose.uuid] = purposeSelections[purpose.uuid].selected;
+          var _a3;
+          const recorded = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid];
+          if (hasRecordedPurposeState(recorded)) {
+            acc[purpose.uuid] = recorded.selected;
           } else {
-            acc[purpose.uuid] = false;
+            acc[purpose.uuid] = (_a3 = preselection.selectedPurposes[purpose.uuid]) != null ? _a3 : false;
           }
           return acc;
         },
@@ -3293,13 +3530,18 @@ var RedactoNoticeConsent = ({
       setSelectedPurposes(initialPurposeState);
       const initialDataElementState = activeConfig.purposes.reduce(
         (acc, purpose) => {
+          const hasRecordedSelection = hasRecordedPurposeState(
+            purposeSelections == null ? void 0 : purposeSelections[purpose.uuid]
+          );
           purpose.data_elements.forEach((element) => {
-            var _a3, _b2;
+            var _a3, _b2, _c2;
             const combinedId = `${purpose.uuid}-${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 {
+            } else if (hasRecordedSelection) {
               acc[combinedId] = false;
+            } else {
+              acc[combinedId] = (_c2 = preselection.selectedDataElements[combinedId]) != null ? _c2 : false;
             }
           });
           return acc;
@@ -3457,7 +3699,7 @@ var RedactoNoticeConsent = ({
       return newState;
     });
   };
-  const handleAccept = async () => {
+  const handleAccept = async (mode = "selected") => {
     const submitController = new AbortController();
     try {
       if (isMinorFlow && !verificationReference) {
@@ -3468,6 +3710,14 @@ var RedactoNoticeConsent = ({
       setIsSubmitting(true);
       setErrorMessage(null);
       if (content) {
+        const selection = buildSelectionForMode(content.purposes, mode, {
+          selectedPurposes,
+          selectedDataElements
+        });
+        if (mode !== "selected") {
+          setSelectedPurposes(selection.selectedPurposes);
+          setSelectedDataElements(selection.selectedDataElements);
+        }
         await submitConsentEvent({
           accessToken,
           baseUrl,
@@ -3477,11 +3727,11 @@ var RedactoNoticeConsent = ({
             const isAlreadyConsented = (categorizedPurposes == null ? void 0 : categorizedPurposes.alreadyConsented.some(
               (p) => p.uuid === purpose.uuid
             )) || false;
-            let purposeSelected = selectedPurposes[purpose.uuid] || false;
-            if (isAlreadyConsented) {
+            let purposeSelected = selection.selectedPurposes[purpose.uuid] || false;
+            if (mode === "selected" && isAlreadyConsented) {
               const wasModified = purpose.data_elements.some((element) => {
                 const combinedId = `${purpose.uuid}-${element.uuid}`;
-                const currentSelection = selectedDataElements[combinedId] || false;
+                const currentSelection = selection.selectedDataElements[combinedId] || false;
                 const initialSelection = initialDataElementSelections[combinedId] || false;
                 return currentSelection !== initialSelection;
               });
@@ -3494,7 +3744,7 @@ var RedactoNoticeConsent = ({
               selected: purposeSelected,
               data_elements: purpose.data_elements.map((element) => ({
                 ...element,
-                selected: element.required ? true : selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
+                selected: element.required ? true : selection.selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
               }))
             };
           }),
@@ -4012,6 +4262,9 @@ var RedactoNoticeConsent = ({
         }
       });
     }
+    if (ttsAudioUrls.accept_all_button_text_audio_url) {
+      sequence.push(ttsAudioUrls.accept_all_button_text_audio_url);
+    }
     if (ttsAudioUrls.confirm_button_text_audio_url) {
       sequence.push(ttsAudioUrls.confirm_button_text_audio_url);
     }
@@ -4073,11 +4326,14 @@ var RedactoNoticeConsent = ({
         }
       });
     }
+    if (ttsAudioUrls.accept_all_button_text_audio_url) {
+      elementIds.push(ACCEPT_ALL_BUTTON_ID);
+    }
     if (ttsAudioUrls.confirm_button_text_audio_url) {
-      elementIds.push("confirm-button-text");
+      elementIds.push(ACCEPT_SELECTED_BUTTON_ID);
     }
     if (ttsAudioUrls.decline_button_text_audio_url) {
-      elementIds.push("decline-button-text");
+      elementIds.push(DECLINE_BUTTON_ID);
     }
     return elementIds;
   }, [ttsAudioUrls, content, categorizedPurposes]);
@@ -4261,30 +4517,52 @@ var RedactoNoticeConsent = ({
   const buttonStyle = {
     borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px"
   };
-  const acceptButtonStyle = {
+  const acceptAllButtonStyle = {
+    ...buttonStyle,
+    backgroundColor: ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.acceptAll) == null ? void 0 : _b.backgroundColor) || ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.accept) == null ? void 0 : _d.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff",
+    color: ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.acceptAll) == null ? void 0 : _f.textColor) || ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.accept) == null ? void 0 : _h.textColor) || "#ffffff"
+  };
+  const acceptSelectedButtonStyle = {
     ...buttonStyle,
-    backgroundColor: ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) == null ? void 0 : _b.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff",
-    color: ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.accept) == null ? void 0 : _d.textColor) || "#ffffff"
+    backgroundColor: "#ffffff",
+    color: ((_j = (_i = settings == null ? void 0 : settings.button) == null ? void 0 : _i.accept) == null ? void 0 : _j.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff",
+    borderColor: ((_l = (_k = settings == null ? void 0 : settings.button) == null ? void 0 : _k.accept) == null ? void 0 : _l.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff"
   };
   const declineButtonStyle = {
     ...buttonStyle,
-    backgroundColor: ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) == null ? void 0 : _f.backgroundColor) || "#ffffff",
-    color: ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.decline) == null ? void 0 : _h.textColor) || "#000000",
+    backgroundColor: ((_n = (_m = settings == null ? void 0 : settings.button) == null ? void 0 : _m.decline) == null ? void 0 : _n.backgroundColor) || "#ffffff",
+    color: ((_p = (_o = settings == null ? void 0 : settings.button) == null ? void 0 : _o.decline) == null ? void 0 : _p.textColor) || "#000000",
     borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd"
   };
+  const actionLabels = {
+    acceptAll: getTranslatedText(
+      "accept_all_button_text",
+      (content == null ? void 0 : content.accept_all_button_text) || DEFAULT_ACCEPT_ALL_BUTTON_TEXT
+    ),
+    acceptSelected: getTranslatedText(
+      "confirm_button_text",
+      (content == null ? void 0 : content.confirm_button_text) || DEFAULT_ACCEPT_SELECTED_BUTTON_TEXT
+    ),
+    decline: getTranslatedText(
+      "decline_button_text",
+      (content == null ? void 0 : content.decline_button_text) || DEFAULT_DECLINE_BUTTON_TEXT
+    )
+  };
+  const handleAcceptAll = () => handleAccept("all");
+  const handleAcceptSelected = () => handleAccept("selected");
   const linkStyle = {
     color: (settings == null ? void 0 : settings.link) || (content == null ? void 0 : content.secondary_color) || "#4f87ff"
   };
   const languageSelectorStyle = {
     borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px",
     borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd",
-    backgroundColor: ((_j = (_i = settings == null ? void 0 : settings.button) == null ? void 0 : _i.language) == null ? void 0 : _j.backgroundColor) || "#ffffff",
-    color: ((_l = (_k = settings == null ? void 0 : settings.button) == null ? void 0 : _k.language) == null ? void 0 : _l.textColor) || "#344054"
+    backgroundColor: ((_r = (_q = settings == null ? void 0 : settings.button) == null ? void 0 : _q.language) == null ? void 0 : _r.backgroundColor) || "#ffffff",
+    color: ((_t = (_s = settings == null ? void 0 : settings.button) == null ? void 0 : _s.language) == null ? void 0 : _t.textColor) || "#344054"
   };
   const selectedLanguageItemStyle = {
     ...languageSelectorStyle,
-    backgroundColor: ((_n = (_m = settings == null ? void 0 : settings.button) == null ? void 0 : _m.language) == null ? void 0 : _n.selectedBackgroundColor) || "#f3f4f6",
-    color: ((_p = (_o = settings == null ? void 0 : settings.button) == null ? void 0 : _o.language) == null ? void 0 : _p.selectedTextColor) || "#344054",
+    backgroundColor: ((_v = (_u = settings == null ? void 0 : settings.button) == null ? void 0 : _u.language) == null ? void 0 : _v.selectedBackgroundColor) || "#f3f4f6",
+    color: ((_x = (_w = settings == null ? void 0 : settings.button) == null ? void 0 : _w.language) == null ? void 0 : _x.selectedTextColor) || "#344054",
     fontWeight: 600
   };
   const handleCloseError = () => {
@@ -4398,8 +4676,8 @@ var RedactoNoticeConsent = ({
       clearConsentState();
     }
   }, [startStatusPolling, noticeId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: hasAlreadyConsented ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    blockUI && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hasAlreadyConsented ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    blockUI && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         style: styles.overlay,
@@ -4407,7 +4685,7 @@ var RedactoNoticeConsent = ({
         role: "presentation"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         ref: modalRef,
@@ -4422,7 +4700,7 @@ var RedactoNoticeConsent = ({
         "aria-labelledby": "privacy-notice-title",
         "aria-describedby": "privacy-notice-description",
         tabIndex: -1,
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "div",
           {
             role: "status",
@@ -4430,11 +4708,11 @@ var RedactoNoticeConsent = ({
             "aria-label": "Loading consent notice",
             style: styles.loadingContainer,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.loadingSpinner, "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { ...styles.privacyText, ...componentTextStyle }, children: "Loading..." })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles.loadingSpinner, "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: { ...styles.privacyText, ...componentTextStyle }, children: "Loading..." })
             ]
           }
-        ) : fetchError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) : fetchError ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "div",
           {
             role: "alert",
@@ -4450,7 +4728,7 @@ var RedactoNoticeConsent = ({
               textAlign: "center",
               padding: "40px 20px"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -4463,7 +4741,7 @@ var RedactoNoticeConsent = ({
                   position: "relative"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "button",
                     {
                       onClick: handleDecline,
@@ -4481,7 +4759,7 @@ var RedactoNoticeConsent = ({
                         justifyContent: "center"
                       },
                       "aria-label": "Close error message",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "svg",
                         {
                           width: isMobile ? "14" : "16",
@@ -4490,7 +4768,7 @@ var RedactoNoticeConsent = ({
                           fill: "none",
                           xmlns: "http://www.w3.org/2000/svg",
                           "aria-hidden": "true",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "path",
                             {
                               d: "M12 4L4 12M4 4L12 12",
@@ -4504,7 +4782,7 @@ var RedactoNoticeConsent = ({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "h3",
                     {
                       style: {
@@ -4515,7 +4793,7 @@ var RedactoNoticeConsent = ({
                       children: "Error Loading Consent Notice"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "p",
                     {
                       style: {
@@ -4526,7 +4804,7 @@ var RedactoNoticeConsent = ({
                       children: fetchError.message || "Failed to load consent notice. Please try again."
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "button",
                     {
                       onClick: fetchNotice,
@@ -4551,7 +4829,7 @@ var RedactoNoticeConsent = ({
               }
             )
           }
-        ) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           AgeVerification,
           {
             onYes: handleAgeVerificationYes,
@@ -4561,12 +4839,12 @@ var RedactoNoticeConsent = ({
             responsiveStyles,
             componentHeadingStyle,
             componentTextStyle,
-            acceptButtonStyle,
+            acceptButtonStyle: acceptAllButtonStyle,
             declineButtonStyle,
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default,
             isMobile
           }
-        ) }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           GuardianForm,
           {
             formData: guardianFormData,
@@ -4580,11 +4858,11 @@ var RedactoNoticeConsent = ({
             settings,
             componentHeadingStyle,
             componentTextStyle,
-            acceptButtonStyle,
+            acceptButtonStyle: acceptAllButtonStyle,
             declineButtonStyle,
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default
           }
-        ) }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           VerificationScreen,
           {
             onBack: handleBackToGuardianForm,
@@ -4601,12 +4879,12 @@ var RedactoNoticeConsent = ({
             settings,
             componentHeadingStyle,
             componentTextStyle,
-            acceptButtonStyle,
+            acceptButtonStyle: acceptAllButtonStyle,
             declineButtonStyle,
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: [
-          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: [
+          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               role: "alert",
@@ -4624,8 +4902,8 @@ var RedactoNoticeConsent = ({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: errorMessage }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: errorMessage }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "button",
                   {
                     type: "button",
@@ -4642,7 +4920,7 @@ var RedactoNoticeConsent = ({
                       justifyContent: "center"
                     },
                     "aria-label": "Close error message",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       "svg",
                       {
                         width: "16",
@@ -4651,7 +4929,7 @@ var RedactoNoticeConsent = ({
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "path",
                           {
                             d: "M12 4L4 12M4 4L12 12",
@@ -4668,7 +4946,7 @@ var RedactoNoticeConsent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
             {
               style: {
@@ -4678,7 +4956,7 @@ var RedactoNoticeConsent = ({
               },
               children: (() => {
                 var _a2, _b2, _c2, _d2, _e2, _f2;
-                const logoNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                const logoNode = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "img",
                   {
                     style: { ...styles.logo, ...responsiveStyles.logo },
@@ -4686,7 +4964,7 @@ var RedactoNoticeConsent = ({
                     alt: "Redacto Logo"
                   }
                 );
-                const titleNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                const titleNode = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "h2",
                   {
                     id: "privacy-notice-title",
@@ -4702,8 +4980,8 @@ var RedactoNoticeConsent = ({
                   },
                   `privacy-notice-title-${selectedLanguage}`
                 );
-                const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.languageSelectorContainer, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles.languageSelectorContainer, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                     "div",
                     {
                       style: {
@@ -4712,7 +4990,7 @@ var RedactoNoticeConsent = ({
                         gap: "8px"
                       },
                       children: [
-                        isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "button",
                           {
                             onClick: toggleAudio,
@@ -4729,7 +5007,7 @@ var RedactoNoticeConsent = ({
                             title: isPlaying && !isPaused ? "Pause Talkback" : isPaused ? "Resume Talkback" : "Start Talkback",
                             children: isPlaying && !isPaused ? (
                               // Pause icon
-                              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "svg",
                                 {
                                   xmlns: "http://www.w3.org/2000/svg",
@@ -4743,14 +5021,14 @@ var RedactoNoticeConsent = ({
                                   strokeLinejoin: "round",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
                                   ]
                                 }
                               )
                             ) : (
                               // Play/Sound icon
-                              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "svg",
                                 {
                                   xmlns: "http://www.w3.org/2000/svg",
@@ -4764,15 +5042,15 @@ var RedactoNoticeConsent = ({
                                   strokeLinejoin: "round",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
                                   ]
                                 }
                               )
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "button",
                           {
                             ref: firstFocusableRef,
@@ -4788,7 +5066,7 @@ var RedactoNoticeConsent = ({
                             "aria-label": `Select language. Current language: ${toNativeLabel(selectedLanguage)}`,
                             children: [
                               toNativeLabel(selectedLanguage),
-                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "svg",
                                 {
                                   xmlns: "http://www.w3.org/2000/svg",
@@ -4802,7 +5080,7 @@ var RedactoNoticeConsent = ({
                                   strokeLinejoin: "round",
                                   style: { flexShrink: 0, marginLeft: "4px" },
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 6l4 4 4-4" })
                                 }
                               )
                             ]
@@ -4811,7 +5089,7 @@ var RedactoNoticeConsent = ({
                       ]
                     }
                   ),
-                  isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "ul",
                     {
                       id: "language-listbox",
@@ -4821,7 +5099,7 @@ var RedactoNoticeConsent = ({
                       },
                       role: "listbox",
                       "aria-label": "Select language",
-                      children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "li",
                         {
                           style: {
@@ -4842,9 +5120,9 @@ var RedactoNoticeConsent = ({
                     }
                   )
                 ] });
-                return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: logoRowStyle, children: logoNode }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.headerRow, children: [
+                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: logoRowStyle, children: logoNode }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles.headerRow, children: [
                     titleNode,
                     controlsBlock
                   ] })
@@ -4852,7 +5130,7 @@ var RedactoNoticeConsent = ({
               })()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               id: "privacy-notice-description",
@@ -4862,7 +5140,7 @@ var RedactoNoticeConsent = ({
                 ...sectionStyle
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "p",
                   {
                     style: {
@@ -4871,7 +5149,7 @@ var RedactoNoticeConsent = ({
                       ...componentTextStyle
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "span",
                         {
                           id: "privacy-notice-text",
@@ -4879,8 +5157,8 @@ var RedactoNoticeConsent = ({
                         },
                         `privacy-notice-text-${selectedLanguage}`
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                         "span",
                         {
                           id: "privacy-policy-text",
@@ -4890,7 +5168,7 @@ var RedactoNoticeConsent = ({
                               (content == null ? void 0 : content.privacy_policy_prefix_text) || ""
                             ),
                             " ",
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "a",
                               {
                                 id: "privacy-policy-link",
@@ -4913,7 +5191,7 @@ var RedactoNoticeConsent = ({
                   },
                   `privacy-text-${selectedLanguage}`
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "h2",
                   {
                     id: "purpose-section-heading",
@@ -4929,8 +5207,8 @@ var RedactoNoticeConsent = ({
                   },
                   `purpose-section-heading-${selectedLanguage}`
                 ),
-                categorizedPurposes ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.optionsContainer, children: [
-                  categorizedPurposes.alreadyConsented.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                categorizedPurposes ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles.optionsContainer, children: [
+                  categorizedPurposes.alreadyConsented.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     PurposeItem,
                     {
                       purpose,
@@ -4950,7 +5228,7 @@ var RedactoNoticeConsent = ({
                     },
                     `${purpose.uuid}-${selectedLanguage}`
                   )),
-                  categorizedPurposes.needsConsent.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  categorizedPurposes.needsConsent.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     PurposeItem,
                     {
                       purpose,
@@ -4971,7 +5249,7 @@ var RedactoNoticeConsent = ({
                   ))
                 ] }) : (
                   /* Regular consent UI */
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.optionsContainer, children: (_q = content == null ? void 0 : content.purposes) == null ? void 0 : _q.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles.optionsContainer, children: (_y = content == null ? void 0 : content.purposes) == null ? void 0 : _y.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     PurposeItem,
                     {
                       purpose,
@@ -4992,7 +5270,7 @@ var RedactoNoticeConsent = ({
                     `${purpose.uuid}-${selectedLanguage}`
                   )) })
                 ),
-                ((content == null ? void 0 : content.privacy_center_url) || (content == null ? void 0 : content.dpo_info)) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                ((content == null ? void 0 : content.privacy_center_url) || (content == null ? void 0 : content.dpo_info)) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "div",
                   {
                     style: {
@@ -5005,14 +5283,14 @@ var RedactoNoticeConsent = ({
                       paddingTop: "12px",
                       marginTop: "12px"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
-                      content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                        content.additional_text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "additional-text", children: getTranslatedText(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
+                      content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                        content.additional_text && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "additional-text", children: getTranslatedText(
                           "additional_text",
                           content.additional_text
                         ) }),
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "a",
                           {
                             id: "privacy-center-link",
@@ -5028,14 +5306,14 @@ var RedactoNoticeConsent = ({
                         ),
                         "."
                       ] }),
-                      content.dpo_info && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                        content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText(
+                      content.dpo_info && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                        content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText(
                           "grievance_text",
                           content.dpo_info.grievance_text || ""
                         ) }),
                         " ",
-                        content.dpo_info.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        content.dpo_info.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "a",
                           {
                             id: "dpo-grievance-link",
@@ -5049,14 +5327,14 @@ var RedactoNoticeConsent = ({
                             )
                           }
                         ),
-                        content.dpo_info.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                        content.dpo_info.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
                           " ",
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
                             "grievance_email_connector_text",
                             content.dpo_info.grievance_email_connector_text || "or email to"
                           ) }),
                           " ",
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "a",
                             {
                               id: "dpo-grievance-email",
@@ -5066,13 +5344,13 @@ var RedactoNoticeConsent = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText(
                           "dp_board_text",
                           content.dpo_info.dp_board_text || ""
                         ) }),
                         " ",
-                        content.dpo_info.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        content.dpo_info.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "a",
                           {
                             id: "dpo-dp-board-link",
@@ -5086,13 +5364,13 @@ var RedactoNoticeConsent = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText(
                           "dpo_text",
                           content.dpo_info.dpo_text || ""
                         ) }),
                         " ",
-                        content.dpo_info.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        content.dpo_info.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "a",
                           {
                             id: "dpo-dpo-link",
@@ -5111,15 +5389,17 @@ var RedactoNoticeConsent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
             {
               style: {
-                ...styles.bottomSection,
-                ...responsiveStyles.bottomSection,
+                ...isFullyConsentedReviewMode ? {
+                  ...styles.bottomSection,
+                  ...responsiveStyles.bottomSection
+                } : isMobile ? styles.actionButtonStack : styles.actionButtonRow,
                 ...sectionStyle
               },
-              children: isFullyConsentedReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              children: isFullyConsentedReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "button",
                 {
                   ref: lastFocusableRef,
@@ -5128,61 +5408,30 @@ var RedactoNoticeConsent = ({
                     ...styles.button,
                     ...responsiveStyles.button,
                     ...styles.acceptButton,
-                    ...acceptButtonStyle
+                    ...acceptAllButtonStyle
                   },
                   onClick: () => onAccept == null ? void 0 : onAccept(),
                   "aria-label": reviewModeButtonText,
                   children: reviewModeButtonText
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "button",
-                  {
-                    ref: lastFocusableRef,
-                    id: "confirm-button-text",
-                    style: {
-                      ...styles.button,
-                      ...responsiveStyles.button,
-                      ...styles.acceptButton,
-                      ...acceptButtonStyle,
-                      opacity: acceptDisabled ? 0.5 : 1
-                    },
-                    onClick: handleAccept,
-                    disabled: acceptDisabled || isSubmittingDecline,
-                    "aria-label": getTranslatedText(
-                      "confirm_button_text",
-                      (content == null ? void 0 : content.confirm_button_text) || "Accept"
-                    ),
-                    children: isSubmittingAccept ? "Processing..." : getTranslatedText(
-                      "confirm_button_text",
-                      (content == null ? void 0 : content.confirm_button_text) || "Accept"
-                    )
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "button",
-                  {
-                    id: "decline-button-text",
-                    style: {
-                      ...styles.button,
-                      ...responsiveStyles.button,
-                      ...styles.cancelButton,
-                      ...declineButtonStyle,
-                      opacity: isSubmittingAccept ? 0.5 : 1
-                    },
-                    onClick: handleDecline,
-                    disabled: isSubmittingDecline || isSubmittingAccept,
-                    "aria-label": getTranslatedText(
-                      "decline_button_text",
-                      (content == null ? void 0 : content.decline_button_text) || "Decline"
-                    ),
-                    children: isSubmittingDecline ? "Processing..." : getTranslatedText(
-                      "decline_button_text",
-                      (content == null ? void 0 : content.decline_button_text) || "Decline"
-                    )
-                  }
-                )
-              ] })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                NoticeFooter,
+                {
+                  labels: actionLabels,
+                  acceptSelectedDisabled: acceptDisabled,
+                  isSubmittingAccept,
+                  isSubmittingDecline,
+                  isMobile,
+                  responsiveButtonStyle: responsiveStyles.button,
+                  acceptAllButtonStyle,
+                  acceptSelectedButtonStyle,
+                  declineButtonStyle,
+                  lastFocusableRef,
+                  onAcceptAll: handleAcceptAll,
+                  onAcceptSelected: handleAcceptSelected,
+                  onDecline: handleDecline
+                }
+              )
             }
           )
         ] })
@@ -5696,7 +5945,7 @@ var injectSpinnerAnimation = () => {
 };
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var RedactoConsentInlineComponent = ({
   org_uuid,
   workspace_uuid,
@@ -5752,7 +6001,7 @@ var RedactoConsentInlineComponent = ({
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
-        (element) => element.required
+        (element) => element.required && element.enabled
       );
       return requiredElements.every(
         (element) => selectedDataElements[`${purpose.uuid}-${element.uuid}`]
@@ -5835,27 +6084,12 @@ var RedactoConsentInlineComponent = ({
         {}
       );
       setCollapsedPurposes(initialCollapsedState);
-      const initialDataElementState = activeConfig.purposes.reduce(
-        (acc, purpose) => {
-          purpose.data_elements.forEach((element) => {
-            const combinedId = `${purpose.uuid}-${element.uuid}`;
-            acc[combinedId] = false;
-          });
-          return acc;
-        },
-        {}
-      );
-      setSelectedDataElements(initialDataElementState);
-      const initialPurposeState = activeConfig.purposes.reduce(
-        (acc, purpose) => {
-          return {
-            ...acc,
-            [purpose.uuid]: false
-          };
-        },
-        {}
+      const preselection = buildPreselection(
+        activeConfig.purposes,
+        resolvePurposePreselection(activeConfig.purpose_preselection)
       );
-      setSelectedPurposes(initialPurposeState);
+      setSelectedDataElements(preselection.selectedDataElements);
+      setSelectedPurposes(preselection.selectedPurposes);
     } catch (err) {
       if ((signal == null ? void 0 : signal.aborted) || err instanceof Error && err.name === "AbortError") {
         return;
@@ -5879,7 +6113,14 @@ var RedactoConsentInlineComponent = ({
     return () => {
       controller.abort();
     };
-  }, [org_uuid, workspace_uuid, notice_uuid, language, applicationId, accessToken]);
+  }, [
+    org_uuid,
+    workspace_uuid,
+    notice_uuid,
+    language,
+    applicationId,
+    accessToken
+  ]);
   (0, import_react5.useEffect)(() => {
     if (!ledgerBaseUrl || applicationId) {
       return;
@@ -6080,16 +6321,16 @@ var RedactoConsentInlineComponent = ({
     return null;
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: loadingRootStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: styles2.loadingSpinner }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: { ...styles2.privacyText, ...textStyle }, children: "Loading..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: loadingRootStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: styles2.loadingSpinner }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: { ...styles2.privacyText, ...textStyle }, children: "Loading..." })
     ] });
   }
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: rootStyle, children: [
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: rootStyle, children: [
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
         role: "alert",
@@ -6104,9 +6345,9 @@ var RedactoConsentInlineComponent = ({
         children: errorMessage
       }
     ),
-    (_a = content == null ? void 0 : content.purposes) == null ? void 0 : _a.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles2.optionItem, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    (_a = content == null ? void 0 : content.purposes) == null ? void 0 : _a.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles2.optionItem, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             style: styles2.optionLeft,
@@ -6127,7 +6368,7 @@ var RedactoConsentInlineComponent = ({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 "div",
                 {
                   style: {
@@ -6136,7 +6377,7 @@ var RedactoConsentInlineComponent = ({
                     justifyContent: "center",
                     marginLeft: "5px"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "svg",
                     {
                       width: "7",
@@ -6153,13 +6394,13 @@ var RedactoConsentInlineComponent = ({
                         transition: "transform 0.3s ease"
                       },
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M1 1L6 6L1 11" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M1 1L6 6L1 11" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles2.optionTextContainer, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles2.optionTextContainer, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                   "h2",
                   {
                     style: {
@@ -6167,14 +6408,17 @@ var RedactoConsentInlineComponent = ({
                       ...responsiveStyles.optionTitle,
                       ...headingStyle
                     },
-                    children: getTranslatedText(
-                      `purposes.name`,
-                      purpose.name,
-                      purpose.uuid
-                    )
+                    children: [
+                      getTranslatedText(
+                        `purposes.name`,
+                        purpose.name,
+                        purpose.uuid
+                      ),
+                      hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RequiredMarker, {})
+                    ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   "h3",
                   {
                     style: {
@@ -6193,7 +6437,7 @@ var RedactoConsentInlineComponent = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "checkbox",
@@ -6207,13 +6451,13 @@ var RedactoConsentInlineComponent = ({
           }
         )
       ] }),
-      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "div",
         {
           id: `purpose-${purpose.uuid}`,
           style: styles2.dataElementsContainer,
-          children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: styles2.dataElementItem, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles2.dataElementItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "span",
               {
                 style: {
@@ -6227,21 +6471,11 @@ var RedactoConsentInlineComponent = ({
                     dataElement.name,
                     dataElement.uuid
                   ),
-                  dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                    "span",
-                    {
-                      style: {
-                        color: "red",
-                        marginLeft: "4px"
-                      },
-                      "aria-label": "required",
-                      children: "*"
-                    }
-                  )
+                  dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RequiredMarker, {})
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -6869,6 +7103,48 @@ var styles3 = {
     margin: 0,
     boxSizing: "border-box"
   },
+  /**
+   * The notice step's three actions. Wide: one row with decline pushed left
+   * and the accepts grouped right. Narrow: a full-width stack. The verify step
+   * keeps `bottomSection` — it collapses back to the progressing primary CTA
+   * plus decline.
+   */
+  actionButtonRow: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: "12px",
+    paddingTop: "15px",
+    borderTop: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box"
+  },
+  actionButtonStack: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    paddingTop: "15px",
+    borderTop: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box"
+  },
+  /** `width: auto` undoes `button`'s `width: 100%` for the wide row. */
+  rowButton: {
+    width: "auto",
+    whiteSpace: "normal",
+    wordBreak: "break-word"
+  },
+  stackButton: {
+    width: "100%",
+    whiteSpace: "normal",
+    wordBreak: "break-word"
+  },
+  /** Pushes everything after decline to the right edge in the wide row. */
+  declineSpacer: {
+    marginRight: "auto"
+  },
   button: {
     width: "100%",
     borderRadius: "8px",
@@ -8626,7 +8902,7 @@ var makeStaticT = (langCode) => (key, vars) => {
 var redacto_logo_default2 = "data:image/png;base64,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";
 
 // src/RedactoNoticeAssisted/RedactoNoticeAssisted.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var PurposeItem2 = ({
   purpose,
   selectedPurposes,
@@ -8650,9 +8926,10 @@ var PurposeItem2 = ({
   const dataElements = purpose.data_elements.filter(
     (el) => el.enabled !== false
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.optionItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const hasRequired = hasRequiredDataElement(purpose);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.optionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
         {
           style: styles3.optionLeft,
@@ -8669,7 +8946,7 @@ var PurposeItem2 = ({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "div",
               {
                 style: {
@@ -8678,7 +8955,7 @@ var PurposeItem2 = ({
                   justifyContent: "center",
                   marginLeft: "5px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "svg",
                   {
                     width: "7",
@@ -8695,21 +8972,24 @@ var PurposeItem2 = ({
                       transition: "transform 0.3s ease"
                     },
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M1 1L6 6L1 11" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M1 1L6 6L1 11" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.optionTextContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.optionTextContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                 "h2",
                 {
                   id: `purpose-name-${purpose.uuid}`,
                   style: { ...styles3.optionTitle, ...responsive.optionTitle },
-                  children: name
+                  children: [
+                    name,
+                    hasRequired && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, { label: ts("required") })
+                  ]
                 }
               ),
-              description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "h3",
                 {
                   id: `purpose-description-${purpose.uuid}`,
@@ -8724,7 +9004,7 @@ var PurposeItem2 = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "input",
         {
           className: "redacto-assisted-checkbox-large",
@@ -8736,7 +9016,7 @@ var PurposeItem2 = ({
         }
       )
     ] }),
-    isExpanded && dataElements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    isExpanded && dataElements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         id: `redacto-assisted-purpose-${purpose.uuid}`,
@@ -8748,8 +9028,8 @@ var PurposeItem2 = ({
             dataElement.name,
             dataElement.uuid
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.dataElementItem, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.dataElementItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "span",
               {
                 id: `data-element-${combinedId}`,
@@ -8759,18 +9039,11 @@ var PurposeItem2 = ({
                 },
                 children: [
                   elementName,
-                  dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    "span",
-                    {
-                      style: { color: "red", marginLeft: "4px" },
-                      "aria-label": ts("required"),
-                      children: "*"
-                    }
-                  )
+                  dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, { label: ts("required") })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "input",
               {
                 className: "redacto-assisted-checkbox-small",
@@ -8801,6 +9074,7 @@ var RedactoNoticeAssisted = ({
   const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
   const [fetchError, setFetchError] = (0, import_react7.useState)(null);
   const [step, setStep] = (0, import_react7.useState)("notice");
+  const [acceptMode, setAcceptMode] = (0, import_react7.useState)("selected");
   const [selectedPurposes, setSelectedPurposes] = (0, import_react7.useState)({});
   const [selectedDataElements, setSelectedDataElements] = (0, import_react7.useState)({});
   const [collapsedPurposes, setCollapsedPurposes] = (0, import_react7.useState)({});
@@ -8814,7 +9088,9 @@ var RedactoNoticeAssisted = ({
   const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react7.useState)(0);
   const [highlightedElementId, setHighlightedElementId] = (0, import_react7.useState)(null);
   const currentAudioRef = (0, import_react7.useRef)(null);
-  const [verifyMethod, setVerifyMethod] = (0, import_react7.useState)("mobile");
+  const [verifyMethod, setVerifyMethod] = (0, import_react7.useState)(
+    "mobile"
+  );
   const [mobile, setMobile] = (0, import_react7.useState)("");
   const mobileInputRef = (0, import_react7.useRef)(null);
   const [email, setEmail] = (0, import_react7.useState)("");
@@ -8852,18 +9128,16 @@ var RedactoNoticeAssisted = ({
       setSelectedLanguage(
         dl === "en" || dl === "EN" ? "English" : dl || "English"
       );
-      const purposeState = {};
-      const elementState = {};
+      const preselection = buildPreselection(
+        activeConfig.purposes,
+        resolvePurposePreselection(activeConfig.purpose_preselection)
+      );
       const collapsedState = {};
       activeConfig.purposes.forEach((p) => {
-        purposeState[p.uuid] = false;
         collapsedState[p.uuid] = true;
-        p.data_elements.forEach((el) => {
-          elementState[`${p.uuid}-${el.uuid}`] = false;
-        });
       });
-      setSelectedPurposes(purposeState);
-      setSelectedDataElements(elementState);
+      setSelectedPurposes(preselection.selectedPurposes);
+      setSelectedDataElements(preselection.selectedDataElements);
       setCollapsedPurposes(collapsedState);
       setIsLoading(false);
     }).catch((err) => {
@@ -9359,16 +9633,37 @@ var RedactoNoticeAssisted = ({
       removeAllHighlights();
     };
   }, [highlightedElementId, isPlaying]);
-  const handleConfirmStep = (0, import_react7.useCallback)(() => {
-    stopAudio();
-    setStep("verify");
-    setOtpSent(false);
-    window.setTimeout(() => {
-      var _a;
-      (_a = (verifyMethod === "email" ? emailInputRef : mobileInputRef).current) == null ? void 0 : _a.focus();
-    }, 80);
-  }, [verifyMethod, stopAudio]);
+  const handleConfirmStep = (0, import_react7.useCallback)(
+    (mode = "selected") => {
+      if (mode !== "selected" && content) {
+        const selection = buildSelectionForMode(content.purposes, mode, {
+          selectedPurposes,
+          selectedDataElements
+        });
+        setSelectedPurposes(selection.selectedPurposes);
+        setSelectedDataElements(selection.selectedDataElements);
+      }
+      setAcceptMode(mode);
+      stopAudio();
+      setStep("verify");
+      setOtpSent(false);
+      window.setTimeout(() => {
+        var _a;
+        (_a = (verifyMethod === "email" ? emailInputRef : mobileInputRef).current) == null ? void 0 : _a.focus();
+      }, 80);
+    },
+    [content, selectedPurposes, selectedDataElements, verifyMethod, stopAudio]
+  );
+  const handleAcceptAll = (0, import_react7.useCallback)(
+    () => handleConfirmStep("all"),
+    [handleConfirmStep]
+  );
+  const handleAcceptSelected = (0, import_react7.useCallback)(
+    () => handleConfirmStep("selected"),
+    [handleConfirmStep]
+  );
   const handleEditSelections = (0, import_react7.useCallback)(() => {
+    setAcceptMode("selected");
     setStep("notice");
     setOtpSent(false);
     setOtpUuid("");
@@ -9478,10 +9773,14 @@ var RedactoNoticeAssisted = ({
     (_a = otpInputRefs.current[focusIndex]) == null ? void 0 : _a.focus();
   }, []);
   const resetFlow = (0, import_react7.useCallback)(() => {
+    var _a;
     setStep("notice");
-    setSelectedPurposes(
-      (prev) => Object.fromEntries(Object.keys(prev).map((k) => [k, false]))
+    const preselection = buildPreselection(
+      (_a = content == null ? void 0 : content.purposes) != null ? _a : [],
+      resolvePurposePreselection(content == null ? void 0 : content.purpose_preselection)
     );
+    setSelectedPurposes(preselection.selectedPurposes);
+    setSelectedDataElements(preselection.selectedDataElements);
     setVerifyMethod("mobile");
     setMobile("");
     setEmail("");
@@ -9491,7 +9790,7 @@ var RedactoNoticeAssisted = ({
     setResendCountdown(0);
     setCreateError(null);
     setOtpError(null);
-  }, []);
+  }, [content]);
   const handleSuccess = (0, import_react7.useCallback)(() => {
     if (onComplete) {
       onComplete();
@@ -9541,12 +9840,16 @@ var RedactoNoticeAssisted = ({
           return;
         }
       }
+      const selection = buildSelectionForMode(content.purposes, acceptMode, {
+        selectedPurposes,
+        selectedDataElements
+      });
       const submitPurposes = content.purposes.map((purpose) => ({
         ...purpose,
-        selected: selectedPurposes[purpose.uuid] || false,
+        selected: selection.selectedPurposes[purpose.uuid] || false,
         data_elements: purpose.data_elements.map((element) => ({
           ...element,
-          selected: element.required ? true : selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
+          selected: element.required ? true : selection.selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
         }))
       }));
       await submitAssistedConsent({
@@ -9598,7 +9901,7 @@ var RedactoNoticeAssisted = ({
     (content == null ? void 0 : content.notice_banner_heading) || "Privacy Notice"
   );
   const renderHeader = () => {
-    const logoNode = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    const logoNode = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "img",
       {
         style: { ...styles3.logo, ...responsive.logo },
@@ -9606,7 +9909,7 @@ var RedactoNoticeAssisted = ({
         alt: ts("logoAlt")
       }
     );
-    const titleNode = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    const titleNode = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "h2",
       {
         id: "privacy-notice-title",
@@ -9614,9 +9917,9 @@ var RedactoNoticeAssisted = ({
         children: noticeTitle
       }
     );
-    const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.languageSelectorContainer, ref: languageContainerRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-        isTTSAvailable && step === "notice" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.languageSelectorContainer, ref: languageContainerRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        isTTSAvailable && step === "notice" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             type: "button",
@@ -9631,7 +9934,7 @@ var RedactoNoticeAssisted = ({
             },
             "aria-label": isPlaying && !isPaused ? ts("audioPause") : ts("audioStart"),
             title: isPlaying && !isPaused ? ts("talkbackPause") : ts("talkbackStart"),
-            children: isPlaying && !isPaused ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            children: isPlaying && !isPaused ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -9645,11 +9948,11 @@ var RedactoNoticeAssisted = ({
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -9663,14 +9966,14 @@ var RedactoNoticeAssisted = ({
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "button",
           {
             type: "button",
@@ -9684,7 +9987,7 @@ var RedactoNoticeAssisted = ({
             }),
             children: [
               toNativeLabel(selectedLanguage),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -9698,21 +10001,21 @@ var RedactoNoticeAssisted = ({
                   strokeLinejoin: "round",
                   style: { flexShrink: 0, marginLeft: "4px" },
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 6l4 4 4-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 6l4 4 4-4" })
                 }
               )
             ]
           }
         ) })
       ] }),
-      isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "ul",
         {
           id: "redacto-assisted-language-listbox",
           style: styles3.languageDropdown,
           role: "listbox",
           "aria-label": ts("selectLanguage"),
-          children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "li",
             {
               style: {
@@ -9732,8 +10035,8 @@ var RedactoNoticeAssisted = ({
         }
       )
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles3.topSection, ...responsive.topSection }, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles3.topSection, ...responsive.topSection }, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
         {
           style: {
@@ -9744,7 +10047,7 @@ var RedactoNoticeAssisted = ({
           },
           children: [
             logoNode,
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "div",
               {
                 style: {
@@ -9760,8 +10063,8 @@ var RedactoNoticeAssisted = ({
         }
       ),
       titleNode
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.topLeft, children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.topLeft, children: [
         logoNode,
         titleNode
       ] }),
@@ -9772,7 +10075,7 @@ var RedactoNoticeAssisted = ({
     if (!content) return null;
     const dpoInfo = content.dpo_info;
     if (!content.privacy_center_url && !dpoInfo) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         style: {
@@ -9784,14 +10087,14 @@ var RedactoNoticeAssisted = ({
           paddingTop: "12px",
           marginTop: "12px"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
-          content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "additional-text", children: getTranslatedText(
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
+          content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "additional-text", children: getTranslatedText(
               "additional_text",
               content.additional_text || "Manage or withdraw consent anytime at"
             ) }),
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "a",
               {
                 id: "privacy-center-link",
@@ -9807,11 +10110,11 @@ var RedactoNoticeAssisted = ({
             ),
             "."
           ] }),
-          dpoInfo && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-            content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText("grievance_text", dpoInfo.grievance_text) }),
+          dpoInfo && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText("grievance_text", dpoInfo.grievance_text) }),
             " ",
-            dpoInfo.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            dpoInfo.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "a",
               {
                 id: "dpo-grievance-link",
@@ -9826,13 +10129,13 @@ var RedactoNoticeAssisted = ({
               }
             ),
             " ",
-            dpoInfo.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
+            dpoInfo.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
                 "grievance_email_connector_text",
                 dpoInfo.grievance_email_connector_text || "or email to"
               ) }),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "a",
                 {
                   id: "dpo-grievance-email",
@@ -9842,10 +10145,10 @@ var RedactoNoticeAssisted = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText("dp_board_text", dpoInfo.dp_board_text) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText("dp_board_text", dpoInfo.dp_board_text) }),
             " ",
-            dpoInfo.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            dpoInfo.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "a",
               {
                 id: "dpo-dp-board-link",
@@ -9859,10 +10162,10 @@ var RedactoNoticeAssisted = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText("dpo_text", dpoInfo.dpo_text) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText("dpo_text", dpoInfo.dpo_text) }),
             " ",
-            dpoInfo.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            dpoInfo.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "a",
               {
                 id: "dpo-dpo-link",
@@ -9881,17 +10184,17 @@ var RedactoNoticeAssisted = ({
   };
   const renderNoticeScreen = (locked) => {
     if (!content) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: { ...styles3.privacyText, ...responsive.privacyText }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "privacy-notice-text", children: getTranslatedText("notice_text", content.notice_text) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "privacy-policy-text", children: getTranslatedText(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { style: { ...styles3.privacyText, ...responsive.privacyText }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "privacy-notice-text", children: getTranslatedText("notice_text", content.notice_text) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "privacy-policy-text", children: getTranslatedText(
             "privacy_policy_prefix_text",
             content.privacy_policy_prefix_text || ""
           ) }),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "a",
             {
               id: "privacy-policy-link",
@@ -9911,7 +10214,7 @@ var RedactoNoticeAssisted = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "h2",
         {
           id: "purpose-section-heading",
@@ -9922,7 +10225,7 @@ var RedactoNoticeAssisted = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "div",
         {
           style: {
@@ -9930,7 +10233,7 @@ var RedactoNoticeAssisted = ({
             ...locked ? styles3.lockedOptions : null
           },
           "aria-disabled": locked || void 0,
-          children: content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          children: content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             PurposeItem2,
             {
               purpose,
@@ -9952,19 +10255,19 @@ var RedactoNoticeAssisted = ({
       renderDpoFooter()
     ] });
   };
-  const renderVerifyBlock = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const renderVerifyBlock = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
       ref: verifyBlockRef,
       className: "redacto-assisted-reveal",
       style: styles3.verifyPanel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.verifyPanelHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: styles3.verifyPanelTitle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LockIcon, { size: 15, color: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.verifyPanelHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles3.verifyPanelTitle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LockIcon, { size: 15, color: primaryColor }),
             ts("verifyWithOtp")
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
@@ -9975,42 +10278,44 @@ var RedactoNoticeAssisted = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.phoneFieldWrap, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.fieldLabelRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.phoneFieldWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.fieldLabelRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "label",
               {
                 htmlFor: verifyMethod === "email" ? "redacto-assisted-email" : "redacto-assisted-mobile",
                 style: styles3.fieldLabelWithIcon,
                 children: [
-                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MailIcon, { size: 14, color: "#475467" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PhoneIcon, { size: 14, color: "#475467" }),
+                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MailIcon, { size: 14, color: "#475467" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PhoneIcon, { size: 14, color: "#475467" }),
                   verifyMethod === "email" ? ts("emailAddress") : ts("mobileNumber")
                 ]
               }
             ),
-            !otpSent && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            !otpSent && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "button",
               {
                 type: "button",
                 className: "redacto-assisted-switch-link",
                 style: { ...styles3.editLink, color: primaryColor },
-                onClick: () => handleSelectMethod(verifyMethod === "email" ? "mobile" : "email"),
+                onClick: () => handleSelectMethod(
+                  verifyMethod === "email" ? "mobile" : "email"
+                ),
                 disabled: isSendingOtp,
                 children: [
-                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PhoneIcon, { size: 14, color: primaryColor }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MailIcon, { size: 14, color: primaryColor }),
+                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PhoneIcon, { size: 14, color: primaryColor }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MailIcon, { size: 14, color: primaryColor }),
                   verifyMethod === "email" ? ts("useMobileInstead") : ts("useEmailInstead")
                 ]
               }
             )
           ] }),
-          verifyMethod === "mobile" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          verifyMethod === "mobile" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               className: "redacto-assisted-phone-field",
               style: styles3.phoneField,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: styles3.phonePrefix, children: ASSISTED_CONFIG.dialCode }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles3.phonePrefix, children: ASSISTED_CONFIG.dialCode }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "input",
                   {
                     id: "redacto-assisted-mobile",
@@ -10028,12 +10333,12 @@ var RedactoNoticeAssisted = ({
                 )
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               className: "redacto-assisted-phone-field",
               style: styles3.phoneField,
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "input",
                 {
                   id: "redacto-assisted-email",
@@ -10051,15 +10356,15 @@ var RedactoNoticeAssisted = ({
               )
             }
           ),
-          !otpSent ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.helperText, children: verifyMethod === "email" ? ts("otpHelperEmail") : ts("otpHelper") }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.otpStatusRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: styles3.otpSentText, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, { size: 15, color: "#10B981" }),
+          !otpSent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.helperText, children: verifyMethod === "email" ? ts("otpHelperEmail") : ts("otpHelper") }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.otpStatusRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles3.otpSentText, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, { size: 15, color: "#10B981" }),
               " ",
               ts("otpSentTo"),
               " ",
               verifyMethod === "email" ? email : `${ASSISTED_CONFIG.dialCode} ${mobile}`
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
                 type: "button",
@@ -10070,15 +10375,15 @@ var RedactoNoticeAssisted = ({
               }
             )
           ] }),
-          createError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.fieldError, role: "alert", children: createError }),
-          otpSent && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          createError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.fieldError, role: "alert", children: createError }),
+          otpSent && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               ref: otpSectionRef,
               style: { display: "flex", flexDirection: "column", gap: "12px" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.centerLabel, children: ts("enterNDigitOtp", { count: ASSISTED_CONFIG.otpLength }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles3.otpRow, children: otpDigits.map((digit, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.centerLabel, children: ts("enterNDigitOtp", { count: ASSISTED_CONFIG.otpLength }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.otpRow, children: otpDigits.map((digit, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "input",
                   {
                     ref: (el) => {
@@ -10108,11 +10413,11 @@ var RedactoNoticeAssisted = ({
                   },
                   index
                 )) }),
-                otpError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.fieldError, role: "alert", children: otpError }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.resendText, children: resendCountdown > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClockIcon, {}),
+                otpError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.fieldError, role: "alert", children: otpError }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.resendText, children: resendCountdown > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClockIcon, {}),
                   ts("resendIn", { seconds: resendCountdown })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "button",
                   {
                     type: "button",
@@ -10132,15 +10437,15 @@ var RedactoNoticeAssisted = ({
   const renderFooter = () => {
     const declineLabel = getTranslatedText(
       "decline_button_text",
-      (content == null ? void 0 : content.decline_button_text) || "Decline"
+      (content == null ? void 0 : content.decline_button_text) || DEFAULT_DECLINE_BUTTON_TEXT
     );
     const isVerify = step === "verify";
     let primaryLabel = getTranslatedText(
       "confirm_button_text",
-      (content == null ? void 0 : content.confirm_button_text) || "Confirm"
+      (content == null ? void 0 : content.confirm_button_text) || DEFAULT_ACCEPT_SELECTED_BUTTON_TEXT
     );
     let primaryDisabled = !areAllRequiredElementsChecked;
-    let primaryOnClick = handleConfirmStep;
+    let primaryOnClick = handleAcceptSelected;
     if (isVerify && !otpSent) {
       primaryLabel = isSendingOtp ? ts("sending") : ts("sendOtp");
       primaryDisabled = !isContactValid || isSendingOtp;
@@ -10150,50 +10455,92 @@ var RedactoNoticeAssisted = ({
       primaryDisabled = !isOtpComplete || isVerifying;
       primaryOnClick = handleConfirm;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...styles3.bottomSection, ...responsive.bottomSection }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "button",
-        {
-          type: "button",
-          id: "confirm-button-text",
-          className: "redacto-assisted-primary-btn",
-          style: {
-            ...styles3.button,
-            ...responsive.button,
-            ...styles3.acceptButton,
-            backgroundColor: primaryColor
-          },
-          disabled: primaryDisabled,
-          onClick: primaryOnClick,
-          children: primaryLabel
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "button",
-        {
-          type: "button",
-          id: "decline-button-text",
-          className: "redacto-assisted-secondary-btn",
-          style: {
-            ...styles3.button,
-            ...responsive.button,
-            ...styles3.cancelButton
-          },
-          onClick: handleDecline,
-          children: declineLabel
-        }
-      )
-    ] });
+    const widthStyle = isMobile ? styles3.stackButton : styles3.rowButton;
+    const shortcutStyle = {
+      ...styles3.button,
+      ...responsive.button,
+      ...styles3.acceptButton,
+      ...isVerify ? {} : widthStyle,
+      backgroundColor: primaryColor
+    };
+    const acceptAllButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "button",
+      {
+        type: "button",
+        id: "accept-all-button-text",
+        className: "redacto-assisted-secondary-btn",
+        style: shortcutStyle,
+        onClick: handleAcceptAll,
+        children: getTranslatedText(
+          "accept_all_button_text",
+          (content == null ? void 0 : content.accept_all_button_text) || DEFAULT_ACCEPT_ALL_BUTTON_TEXT
+        )
+      }
+    );
+    const primaryButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "button",
+      {
+        type: "button",
+        id: "confirm-button-text",
+        className: "redacto-assisted-primary-btn",
+        style: {
+          ...styles3.button,
+          ...responsive.button,
+          ...isVerify ? { ...styles3.acceptButton, backgroundColor: primaryColor } : {
+            ...styles3.cancelButton,
+            ...widthStyle,
+            color: primaryColor,
+            borderColor: primaryColor
+          }
+        },
+        disabled: primaryDisabled,
+        onClick: primaryOnClick,
+        children: primaryLabel
+      }
+    );
+    const declineButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "button",
+      {
+        type: "button",
+        id: "decline-button-text",
+        className: "redacto-assisted-secondary-btn",
+        style: {
+          ...styles3.button,
+          ...responsive.button,
+          ...styles3.cancelButton,
+          ...isVerify ? {} : widthStyle,
+          // Only the wide notice-step row needs the push-right spacer.
+          ...isVerify || isMobile ? {} : styles3.declineSpacer
+        },
+        onClick: handleDecline,
+        children: declineLabel
+      }
+    );
+    if (isVerify) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...styles3.bottomSection, ...responsive.bottomSection }, children: [
+        primaryButton,
+        declineButton
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: isMobile ? styles3.actionButtonStack : styles3.actionButtonRow, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      acceptAllButton,
+      primaryButton,
+      declineButton
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      declineButton,
+      primaryButton,
+      acceptAllButton
+    ] }) });
   };
   const renderBody = () => {
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles3.loadingWrap, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles3.loadingSpinner, "aria-label": ts("loadingNotice") }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.loadingWrap, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.loadingSpinner, "aria-label": ts("loadingNotice") }) });
     }
     if (fetchError || !content) {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles3.loadingWrap, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.errorTitle, children: ts("loadFailedTitle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: styles3.errorText, children: (fetchError == null ? void 0 : fetchError.message) || ts("tryAgain") }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.loadingWrap, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.errorTitle, children: ts("loadFailedTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.errorText, children: (fetchError == null ? void 0 : fetchError.message) || ts("tryAgain") }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             type: "button",
@@ -10205,16 +10552,16 @@ var RedactoNoticeAssisted = ({
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
       renderHeader(),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...styles3.middleSection, ...responsive.middleSection }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...styles3.middleSection, ...responsive.middleSection }, children: [
         renderNoticeScreen(step === "verify"),
         step === "verify" && renderVerifyBlock()
       ] }),
       renderFooter()
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles3.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       ...NOTICE_FONT_ROOT_PROPS,
@@ -10227,7 +10574,7 @@ var RedactoNoticeAssisted = ({
       role: "dialog",
       "aria-modal": "true",
       "aria-label": noticeTitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles3.content, children: renderBody() })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.content, children: renderBody() })
     }
   ) });
 };
@@ -10249,7 +10596,7 @@ var scrollIntoViewSoft = (el) => {
 var ClockIcon = ({
   size = 13,
   color = "#667085"
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
   "svg",
   {
     width: size,
@@ -10263,15 +10610,15 @@ var ClockIcon = ({
     "aria-hidden": "true",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 7v5l3 2" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 7v5l3 2" })
     ]
   }
 );
 var LockIcon = ({
   size = 15,
   color = "#475467"
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
   "svg",
   {
     width: size,
@@ -10285,15 +10632,15 @@ var LockIcon = ({
     "aria-hidden": "true",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
     ]
   }
 );
 var CheckIcon = ({
   size = 16,
   color = "#10B981"
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "svg",
   {
     width: size,
@@ -10306,13 +10653,13 @@ var CheckIcon = ({
     strokeLinejoin: "round",
     "aria-hidden": "true",
     style: { flexShrink: 0 },
-    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M20 6 9 17l-5-5" })
   }
 );
 var PhoneIcon = ({
   size = 14,
   color = "#475467"
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "svg",
   {
     width: size,
@@ -10325,13 +10672,13 @@ var PhoneIcon = ({
     strokeLinejoin: "round",
     "aria-hidden": "true",
     style: { flexShrink: 0 },
-    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" })
   }
 );
 var MailIcon = ({
   size = 14,
   color = "#475467"
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
   "svg",
   {
     width: size,
@@ -10345,15 +10692,15 @@ var MailIcon = ({
     "aria-hidden": "true",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m22 7-10 5L2 7" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m22 7-10 5L2 7" })
     ]
   }
 );
 
 // src/RedactoNoticeConsent/components/DigiLockerCallback.tsx
 var import_react8 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var DigiLockerCallback = ({
   accessToken: propAccessToken,
   baseUrl,
@@ -10751,25 +11098,25 @@ var DigiLockerCallback = ({
       transform: translateY(0);
     }
   `;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { dangerouslySetInnerHTML: { __html: keyframesStyle } }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: cardStyle, children: [
-      status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: spinnerContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: spinnerStyle }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { style: titleStyle, children: "Processing Verification" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: messageStyle, children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: subtextStyle, children: "Please wait while we verify your guardian's identity..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { dangerouslySetInnerHTML: { __html: keyframesStyle } }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: cardStyle, children: [
+      status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: spinnerContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: spinnerStyle }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: titleStyle, children: "Processing Verification" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: messageStyle, children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: subtextStyle, children: "Please wait while we verify your guardian's identity..." })
       ] }),
-      status === "success" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative", width: "72px", height: "72px", margin: "0 auto 28px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: {
+      status === "success" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { position: "relative", width: "72px", height: "72px", margin: "0 auto 28px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: {
             position: "absolute",
             inset: "-8px",
             borderRadius: "50%",
             border: "2px solid #d1fae5",
             animation: "redacto-dl-pulse 1.5s ease-out infinite"
           } }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: successIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: successIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "svg",
             {
               width: "30",
@@ -10781,16 +11128,16 @@ var DigiLockerCallback = ({
               strokeLinecap: "round",
               strokeLinejoin: "round",
               style: { strokeDasharray: 24, animation: "redacto-dl-check 0.4s ease-out 0.3s forwards", strokeDashoffset: 24 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "20 6 9 17 4 12" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "20 6 9 17 4 12" })
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { style: titleStyle, children: "Verification Successful" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: messageStyle, children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: subtextStyle, children: "You will be redirected automatically." })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: titleStyle, children: "Verification Successful" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: messageStyle, children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: subtextStyle, children: "You will be redirected automatically." })
       ] }),
-      status === "error" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: errorIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      status === "error" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: errorIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "svg",
           {
             width: "30",
@@ -10802,15 +11149,15 @@ var DigiLockerCallback = ({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { style: titleStyle, children: "Verification Failed" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: messageStyle, children: message }),
-        errorDetail && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: errorDetailStyle, children: errorDetail }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: titleStyle, children: "Verification Failed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: messageStyle, children: message }),
+        errorDetail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: errorDetailStyle, children: errorDetail }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             className: "redacto-dl-retry-btn",