@redacto.io/consent-sdk-js 0.1.0

package/dist/redacto.js

@@ -0,0 +1,4770 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default,
+  destroy: () => destroy,
+  digilockerCallback: () => digilockerCallback,
+  init: () => init,
+  inline: () => inline
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/core/state.ts
+var Store = class {
+  constructor(initialState) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.state = { ...initialState };
+  }
+  getState() {
+    return this.state;
+  }
+  setState(partial) {
+    const prevState = this.state;
+    this.state = { ...this.state, ...partial };
+    this.listeners.forEach((listener) => listener(this.state, prevState));
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  destroy() {
+    this.listeners.clear();
+  }
+};
+
+// src/core/dom.ts
+function el(tag, attrs, ...children) {
+  const element = document.createElement(tag);
+  if (attrs) applyAttrs(element, attrs);
+  appendChildren(element, children);
+  return element;
+}
+function svg(tag, attrs, ...children) {
+  const element = document.createElementNS(
+    "http://www.w3.org/2000/svg",
+    tag
+  );
+  if (attrs) {
+    for (const [key, value] of Object.entries(attrs)) {
+      if (value == null || value === false) continue;
+      if (key === "style" && typeof value === "object") {
+        applyStyles(element, value);
+      } else {
+        element.setAttribute(key, String(value));
+      }
+    }
+  }
+  appendChildren(element, children);
+  return element;
+}
+function applyAttrs(element, attrs) {
+  for (const [key, value] of Object.entries(attrs)) {
+    if (value == null || value === false) continue;
+    if (key === "style" && typeof value === "object") {
+      applyStyles(element, value);
+    } else if (key === "className") {
+      element.className = value;
+    } else if (key === "dataset" && typeof value === "object") {
+      Object.assign(element.dataset, value);
+    } else if (key.startsWith("on") && typeof value === "function") {
+      const event = key.slice(2).toLowerCase();
+      element.addEventListener(event, value);
+    } else if (key === "checked" || key === "disabled" || key === "readOnly") {
+      element[key] = value;
+    } else {
+      element.setAttribute(key, String(value));
+    }
+  }
+}
+function applyStyles(element, styles2) {
+  for (const [key, value] of Object.entries(styles2)) {
+    if (value == null) continue;
+    element.style[key] = typeof value === "number" ? `${value}px` : value;
+  }
+}
+function appendChildren(parent, children) {
+  for (const child of children) {
+    if (child == null || child === false) continue;
+    if (typeof child === "string") {
+      parent.appendChild(document.createTextNode(child));
+    } else {
+      parent.appendChild(child);
+    }
+  }
+}
+function clearElement(element) {
+  while (element.firstChild) {
+    element.removeChild(element.firstChild);
+  }
+}
+
+// src/core/media-query.ts
+function createMediaQuery(query) {
+  const mql = window.matchMedia(query);
+  let currentMatches = mql.matches;
+  const listeners = /* @__PURE__ */ new Set();
+  const handler = (e) => {
+    currentMatches = e.matches;
+    listeners.forEach((cb) => cb(currentMatches));
+  };
+  mql.addEventListener("change", handler);
+  return {
+    get matches() {
+      return currentMatches;
+    },
+    subscribe(cb) {
+      listeners.add(cb);
+    },
+    destroy() {
+      mql.removeEventListener("change", handler);
+      listeners.clear();
+    }
+  };
+}
+
+// src/core/jwt-decode.ts
+var import_jwt_decode = require("jwt-decode");
+function decodeTokenSafely(token) {
+  try {
+    return (0, import_jwt_decode.jwtDecode)(token);
+  } catch (error) {
+    console.warn("Failed to decode JWT token:", error);
+    return null;
+  }
+}
+
+// src/services/cache.ts
+var apiCache = /* @__PURE__ */ new Map();
+var CACHE_TTL = 5 * 60 * 1e3;
+function getCachedData(key) {
+  const cached = apiCache.get(key);
+  if (cached && Date.now() - cached.timestamp < cached.ttl) {
+    return cached.data;
+  }
+  if (cached) {
+    apiCache.delete(key);
+  }
+  return null;
+}
+function setCachedData(key, data, ttl = CACHE_TTL) {
+  apiCache.set(key, { data, timestamp: Date.now(), ttl });
+}
+function clearApiCache() {
+  apiCache.clear();
+}
+
+// src/api/index.ts
+var BASE_URL = "https://api.redacto.io/consent";
+var BASE_URL_PUBLIC = "https://api.redacto.tech/consent";
+var fetchConsentContent = async ({
+  noticeId,
+  accessToken,
+  baseUrl,
+  language = "en",
+  specific_uuid,
+  validate_against = "all",
+  include_fully_consented_data = false,
+  signal
+}) => {
+  if (!noticeId || !accessToken || !validate_against) {
+    throw new Error("noticeId and accessToken are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) throw new Error("Invalid access token");
+  const { organisation_uuid: ORG, workspace_uuid: WS } = decodedToken;
+  if (!ORG || !WS) throw new Error("Invalid token: missing organization or workspace UUID");
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const cacheKey = `${accessToken}-${noticeId}-${validate_against}-${language}-${specific_uuid || ""}-${include_fully_consented_data}`;
+  if (validate_against === "all" && !specific_uuid) {
+    const cached = getCachedData(cacheKey);
+    if (cached) return cached;
+  }
+  const url = new URL(`${apiBaseUrl}/public/organisations/${ORG}/workspaces/${WS}/notices/${noticeId}`);
+  if (specific_uuid) url.searchParams.append("specific_uuid", specific_uuid);
+  url.searchParams.append("validate_against", validate_against);
+  if (include_fully_consented_data) url.searchParams.append("include_fully_consented_data", "true");
+  const response = await fetch(url.toString(), {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      "Accept-Language": language
+    },
+    signal
+  });
+  if (!response.ok) {
+    let errorMessage = `Failed to fetch consent content: ${response.status} ${response.statusText}`;
+    if (response.status === 401) errorMessage = "Unauthorized: Invalid or expired token";
+    else if (response.status === 403) errorMessage = "Forbidden: Access denied";
+    else if (response.status === 404) errorMessage = "Notice not found";
+    else if (response.status === 409) errorMessage = "User has already provided consent";
+    else if (response.status >= 500) errorMessage = "Server error: Please try again later";
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  const data = await response.json();
+  if (validate_against === "all" && !specific_uuid) {
+    setCachedData(cacheKey, data);
+  }
+  return data;
+};
+var fetchConsentContentPublic = async ({
+  org_uuid,
+  workspace_uuid,
+  notice_uuid,
+  baseUrl,
+  language = "en",
+  specific_uuid
+}) => {
+  const apiBaseUrl = baseUrl || BASE_URL_PUBLIC;
+  const url = new URL(
+    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/notices/get-notice/${notice_uuid}`
+  );
+  if (specific_uuid) url.searchParams.append("specific_uuid", specific_uuid);
+  const response = await fetch(url.toString(), {
+    method: "GET",
+    headers: { "Content-Type": "application/json" }
+  });
+  if (response.status === 401) {
+    const error = new Error("Unauthorized");
+    error.status = 401;
+    throw error;
+  }
+  if (response.status === 409) {
+    const error = new Error("User has already provided consent");
+    error.status = 409;
+    throw error;
+  }
+  if (!response.ok) {
+    throw new Error(`Failed to fetch consent content: ${response.statusText}`);
+  }
+  return await response.json();
+};
+var submitConsentEvent = async ({
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  purposes,
+  declined,
+  meta_data,
+  guardianVerificationReference,
+  selfDeclaredAdult,
+  signal
+}) => {
+  if (!noticeUuid || !accessToken || !Array.isArray(purposes)) {
+    throw new Error("noticeUuid, accessToken, and purposes array are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) throw new Error("Invalid access token");
+  const { organisation_uuid: ORG, workspace_uuid: WS } = decodedToken;
+  if (!ORG || !WS) throw new Error("Invalid token: missing organization or workspace UUID");
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const validatedPurposes = purposes.map((purpose) => {
+    if (!purpose.uuid) throw new Error("Invalid purpose data: missing uuid");
+    const dataElements = (purpose.data_elements || []).filter((element) => element.enabled).map((element) => ({
+      uuid: element.uuid,
+      selected: element.required ? true : Boolean(element.selected)
+    }));
+    return {
+      purpose_uuid: purpose.uuid,
+      selected: Boolean(purpose.selected),
+      data_elements: dataElements.length > 0 ? dataElements : void 0
+    };
+  });
+  const payload = {
+    notice_uuid: noticeUuid,
+    purposes: validatedPurposes,
+    select_all_mandatory: false,
+    source: "WEB",
+    declined: Boolean(declined),
+    meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid, minor_age: meta_data.minor_age } : void 0,
+    guardian_verification_reference: guardianVerificationReference,
+    self_declared_adult: selfDeclaredAdult
+  };
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORG}/workspaces/${WS}/submit-consent`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(payload),
+      signal
+    }
+  );
+  if (!response.ok) {
+    let errorMessage = `Failed to submit consent: ${response.status} ${response.statusText}`;
+    if (response.status === 400) {
+      try {
+        const errorData = await response.json();
+        errorMessage = errorData.message || "Invalid request data";
+      } catch {
+        errorMessage = "Invalid request data";
+      }
+    } else if (response.status === 401) errorMessage = "Unauthorized: Invalid or expired token";
+    else if (response.status === 403) errorMessage = "Forbidden: Access denied";
+    else if (response.status === 404) errorMessage = "Notice not found";
+    else if (response.status >= 500) errorMessage = "Server error: Please try again later";
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  clearApiCache();
+};
+var submitConsentEventPublic = async ({
+  org_uuid,
+  workspace_uuid,
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  purposes,
+  declined,
+  meta_data
+}) => {
+  var _a, _b;
+  const apiBaseUrl = baseUrl || BASE_URL_PUBLIC;
+  const payload = {
+    notice_uuid: noticeUuid,
+    purposes: purposes.map((purpose) => {
+      if (!purpose.uuid) throw new Error("Invalid purpose data: missing uuid");
+      const dataElements = purpose.data_elements.filter((element) => element.enabled).map((element) => ({
+        uuid: element.uuid,
+        selected: element.required ? true : Boolean(element.selected)
+      }));
+      return {
+        purpose_uuid: purpose.uuid,
+        selected: Boolean(purpose.selected),
+        data_elements: dataElements.length > 0 ? dataElements : void 0
+      };
+    }),
+    select_all_mandatory: false,
+    source: "WEB",
+    declined,
+    meta_data
+  };
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/submit-consent`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(payload)
+    }
+  );
+  if (!response.ok) {
+    let errorData;
+    try {
+      errorData = await response.json();
+    } catch {
+      errorData = { message: response.statusText };
+    }
+    if (response.status === 409) {
+      const error2 = new Error(
+        ((_a = errorData.detail) == null ? void 0 : _a.message) || errorData.message || "User has already provided consent"
+      );
+      error2.status = 409;
+      error2.code = errorData.code || 409;
+      throw error2;
+    }
+    const error = new Error(
+      ((_b = errorData.detail) == null ? void 0 : _b.message) || errorData.message || `Failed to submit consent event: ${response.statusText}`
+    );
+    error.status = response.status;
+    error.code = errorData.code;
+    throw error;
+  }
+};
+var fetchTTSAudioUrls = async ({
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  language,
+  signal
+}) => {
+  if (!accessToken || !noticeUuid || !language) {
+    throw new Error("accessToken, noticeUuid, and language are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) throw new Error("Invalid access token");
+  const { organisation_uuid: ORG, workspace_uuid: WS } = decodedToken;
+  if (!ORG || !WS) throw new Error("Invalid token: missing organization or workspace UUID");
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const url = `${apiBaseUrl}/public/organisations/${ORG}/workspaces/${WS}/notices/${noticeUuid}/audio/${language}`;
+  const response = await fetch(url, {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      Accept: "application/json"
+    },
+    signal
+  });
+  if (!response.ok) {
+    let errorMessage = `Failed to fetch TTS audio URLs: ${response.status} ${response.statusText}`;
+    if (response.status === 401) errorMessage = "Unauthorized: Invalid or expired token";
+    else if (response.status === 403) errorMessage = "Forbidden: Access denied";
+    else if (response.status === 404) errorMessage = "Notice or audio not found";
+    else if (response.status >= 500) errorMessage = "Server error: Please try again later";
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  return await response.json();
+};
+var initiateGuardianVerification = async ({
+  accessToken,
+  baseUrl,
+  guardianName,
+  guardianContact,
+  guardianRelationship,
+  frontendCallbackUrl,
+  metadata,
+  signal
+}) => {
+  var _a;
+  if (!accessToken) throw new Error("accessToken is required");
+  if (!(guardianName == null ? void 0 : guardianName.trim())) throw new Error("Guardian name is required");
+  if (!(guardianContact == null ? void 0 : guardianContact.trim())) throw new Error("Guardian contact is required");
+  if (!(guardianRelationship == null ? void 0 : guardianRelationship.trim())) throw new Error("Guardian relationship is required");
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) throw new Error("Invalid access token");
+  const { organisation_uuid: ORG, workspace_uuid: WS } = decodedToken;
+  if (!ORG || !WS) throw new Error("Invalid token: missing organization or workspace UUID");
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const payload = {
+    guardian_name: guardianName.trim(),
+    guardian_contact: guardianContact.trim(),
+    guardian_relationship: guardianRelationship.trim()
+  };
+  if (frontendCallbackUrl) payload.frontend_callback_url = frontendCallbackUrl;
+  if (metadata) payload.metadata = metadata;
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORG}/workspaces/${WS}/guardian/initiate-verification`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(payload),
+      signal
+    }
+  );
+  if (!response.ok) {
+    let errorMessage = `Failed to initiate verification: ${response.status} ${response.statusText}`;
+    if (response.status === 400) {
+      try {
+        const errorData = await response.json();
+        errorMessage = errorData.message || "Invalid request data";
+      } catch {
+        errorMessage = "Invalid request data";
+      }
+    } else if (response.status === 401) errorMessage = "Unauthorized: Invalid or expired token";
+    else if (response.status === 404) errorMessage = "Organization or workspace not found";
+    else if (response.status === 422) {
+      try {
+        const errorData = await response.json();
+        errorMessage = errorData.message || "Validation error: Please check your input";
+      } catch {
+        errorMessage = "Validation error: Please check your input";
+      }
+    } else if (response.status >= 500) errorMessage = "Server error: Please try again later";
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  const responseData = await response.json();
+  const detail = responseData.detail || responseData;
+  if (detail.already_verified) {
+    return {
+      success: true,
+      guardian_info_uuid: detail.guardian_info_uuid,
+      already_verified: true,
+      verification_reference: detail.verification_reference
+    };
+  }
+  if (!detail.session_token || !detail.digilocker_redirect_url) {
+    throw new Error("Invalid response: missing session_token or digilocker_redirect_url");
+  }
+  return {
+    success: (_a = detail.success) != null ? _a : true,
+    guardian_info_uuid: detail.guardian_info_uuid,
+    already_verified: false,
+    session_token: detail.session_token,
+    digilocker_redirect_url: detail.digilocker_redirect_url,
+    expires_at: detail.expires_at
+  };
+};
+var verifyGuardianStatus = async ({
+  accessToken,
+  baseUrl,
+  sessionToken,
+  signal
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  if (!accessToken || !sessionToken) {
+    throw new Error("accessToken and sessionToken are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) throw new Error("Invalid access token");
+  const { organisation_uuid: ORG, workspace_uuid: WS } = decodedToken;
+  if (!ORG || !WS) throw new Error("Invalid token: missing organization or workspace UUID");
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORG}/workspaces/${WS}/guardian/verify-status`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ session_token: sessionToken }),
+      signal
+    }
+  );
+  if (!response.ok) {
+    let errorMessage = `Failed to check verification status: ${response.status} ${response.statusText}`;
+    if (response.status === 400) {
+      try {
+        const errorData = await response.json();
+        errorMessage = errorData.message || ((_a = errorData.detail) == null ? void 0 : _a.message) || "Invalid session token";
+      } catch {
+        errorMessage = "Invalid session token";
+      }
+    } else if (response.status === 401) errorMessage = "Unauthorized: Invalid or expired token";
+    else if (response.status === 404)
+      errorMessage = "Verification session not found or expired. Please restart the verification process.";
+    else if (response.status === 410)
+      errorMessage = "Verification session has expired. Please restart the verification process.";
+    else if (response.status >= 500) errorMessage = "Server error: Please try again later";
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  const responseData = await response.json();
+  const detail = responseData.detail || responseData;
+  return {
+    status: (_b = detail.status) != null ? _b : "in_progress",
+    guardian_info_uuid: (_c = detail.guardian_info_uuid) != null ? _c : null,
+    verification_reference: (_d = detail.verification_reference) != null ? _d : null,
+    guardian_details: (_e = detail.guardian_details) != null ? _e : null,
+    error: (_f = detail.error) != null ? _f : null,
+    error_code: (_g = detail.error_code) != null ? _g : null,
+    can_retry: (_h = detail.can_retry) != null ? _h : true
+  };
+};
+
+// src/styles/inject.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 */
+    .redacto-tts-highlight {
+      position: relative !important;
+      transition: background-color 0.3s ease, outline 0.3s ease !important;
+    }
+
+    h2.redacto-tts-highlight,
+    h3.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    span.redacto-tts-highlight,
+    a.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    p.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    button.redacto-tts-highlight {
+      outline: 3px solid #FFF9C4 !important;
+      outline-offset: 2px !important;
+    }
+
+    /* Overlay fade-in */
+    @keyframes overlayFadeIn {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+
+    /* Spinner animation */
+    @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/styles/modal.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: "center",
+    paddingBottom: "15px",
+    borderBottom: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box",
+    textAlign: "left"
+  },
+  topLeft: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  logo: {
+    height: "32px",
+    width: "auto",
+    objectFit: "contain",
+    margin: 0,
+    padding: 0,
+    display: "block"
+  },
+  title: {
+    fontSize: "18px",
+    fontWeight: 700,
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    verticalAlign: "middle",
+    color: "#101828",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  topRight: {
+    borderRadius: "8px",
+    padding: "3px 9px",
+    border: "1px solid #d0d5dd",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontWeight: 400,
+    fontSize: "12px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    verticalAlign: "middle",
+    color: "#344054",
+    gap: "5px",
+    margin: 0,
+    boxSizing: "border-box",
+    textAlign: "left",
+    cursor: "pointer",
+    backgroundColor: "#ffffff"
+  },
+  middleSection: {
+    margin: "0px",
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    flexGrow: 1,
+    overflowY: "auto",
+    minHeight: 0,
+    paddingRight: "15px",
+    boxSizing: "border-box",
+    textAlign: "left"
+  },
+  privacyText: {
+    fontSize: "16px",
+    fontWeight: 400,
+    lineHeight: "150%",
+    color: "#344054",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  link: {
+    color: "#4f87ff",
+    textDecoration: "none",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  subTitle: {
+    fontWeight: 600,
+    fontSize: "16px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#101828",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  optionsContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "10px",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionItem: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionLeft: {
+    display: "flex",
+    gap: "12px",
+    alignItems: "center",
+    cursor: "pointer",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionTextContainer: {
+    display: "flex",
+    flexDirection: "column",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionTitle: {
+    fontWeight: 500,
+    fontSize: "16px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#101828",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  optionDescription: {
+    fontWeight: 400,
+    fontSize: "12px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#475467",
+    verticalAlign: "middle",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  checkboxLarge: {
+    height: "20px",
+    width: "20px",
+    padding: "4px",
+    borderRadius: "5px",
+    border: "2px solid #d0d5dd",
+    margin: 0,
+    boxSizing: "border-box",
+    appearance: "none",
+    WebkitAppearance: "none",
+    MozAppearance: "none",
+    cursor: "pointer",
+    position: "relative",
+    backgroundColor: "transparent"
+  },
+  dataElementsContainer: {
+    marginLeft: "27px",
+    display: "flex",
+    flexDirection: "column",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box",
+    paddingLeft: "22px"
+  },
+  dataElementItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    justifyContent: "space-between",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box",
+    minHeight: "24px"
+  },
+  dataElementText: {
+    fontWeight: 400,
+    fontSize: "14px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#344054",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  checkboxSmall: {
+    height: "16px",
+    width: "16px",
+    padding: "4px",
+    borderRadius: "5px",
+    border: "2px solid #d0d5dd",
+    margin: 0,
+    boxSizing: "border-box",
+    appearance: "none",
+    WebkitAppearance: "none",
+    MozAppearance: "none",
+    cursor: "pointer",
+    position: "relative",
+    backgroundColor: "transparent"
+  },
+  bottomSection: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: "29px",
+    paddingTop: "15px",
+    borderTop: "none",
+    backgroundColor: "#ffffff",
+    margin: 0,
+    boxSizing: "border-box"
+  },
+  button: {
+    width: "100%",
+    borderRadius: "8px",
+    padding: "9px 45px",
+    fontWeight: 400,
+    fontSize: "16px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    cursor: "pointer",
+    margin: 0,
+    boxSizing: "border-box",
+    textAlign: "center"
+  },
+  acceptButton: {
+    backgroundColor: "#4f87ff",
+    border: "none",
+    color: "#ffffff"
+  },
+  cancelButton: {
+    border: "1px solid #d0d5dd",
+    backgroundColor: "#ffffff",
+    color: "#000000"
+  },
+  languageSelectorContainer: {
+    position: "relative",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  languageDropdown: {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    backgroundColor: "#ffffff",
+    border: "1px solid #d0d5dd",
+    borderRadius: "4px",
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
+    zIndex: 10,
+    width: "max-content",
+    maxHeight: "200px",
+    overflowY: "auto",
+    marginTop: "4px",
+    padding: 0,
+    boxSizing: "border-box",
+    textAlign: "left"
+  },
+  languageItem: {
+    padding: "8px 12px",
+    cursor: "pointer",
+    fontSize: "12px",
+    color: "#344054",
+    backgroundColor: "#ffffff",
+    borderBottom: "1px solid #e5e7eb",
+    margin: 0,
+    boxSizing: "border-box",
+    textAlign: "left"
+  },
+  selectedLanguageItem: {
+    backgroundColor: "#f3f4f6",
+    fontWeight: 600
+  },
+  loadingContainer: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "2rem",
+    minHeight: "200px",
+    margin: 0,
+    boxSizing: "border-box"
+  },
+  loadingSpinner: {
+    width: "40px",
+    height: "40px",
+    border: "4px solid #f3f3f3",
+    borderTop: "4px solid #3498db",
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite",
+    marginBottom: "1rem",
+    boxSizing: "border-box"
+  }
+};
+
+// src/modal/purposes.ts
+function renderModalPurposes(purposes, options) {
+  var _a, _b;
+  const {
+    selectedPurposes,
+    collapsedPurposes,
+    selectedDataElements,
+    initialDataElementSelections = {},
+    settings,
+    isMobile,
+    isAlreadyConsented,
+    getTranslatedText,
+    onPurposeToggle,
+    onPurposeCollapse,
+    onDataElementToggle
+  } = options;
+  const checkboxes = /* @__PURE__ */ new Map();
+  const collapseButtons = /* @__PURE__ */ new Map();
+  const dataElementContainers = /* @__PURE__ */ new Map();
+  const chevrons = /* @__PURE__ */ new Map();
+  const titleElements = /* @__PURE__ */ new Map();
+  const descriptionElements = /* @__PURE__ */ new Map();
+  const dataElementLabels = /* @__PURE__ */ new Map();
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#323B4B";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const font = (settings == null ? void 0 : settings.font) || "inherit";
+  const container = el("div", { style: styles.optionsContainer });
+  for (const purpose of purposes) {
+    const purposeWrapper = el("div");
+    const chevron = svg(
+      "svg",
+      {
+        width: "7",
+        height: "12",
+        viewBox: "0 0 7 12",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        stroke: headingColor,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        style: {
+          transform: !collapsedPurposes[purpose.uuid] ? "rotate(90deg)" : "rotate(0deg)",
+          transition: "transform 0.3s ease"
+        },
+        "aria-hidden": "true"
+      },
+      svg("path", { d: "M1 1L6 6L1 11" })
+    );
+    chevrons.set(purpose.uuid, chevron);
+    const chevronContainer = el(
+      "div",
+      { style: { display: "flex", alignItems: "center", justifyContent: "center", marginLeft: "5px" } },
+      chevron
+    );
+    const titleEl = el("h2", {
+      id: `purpose-name-${purpose.uuid}`,
+      style: {
+        ...styles.optionTitle,
+        fontSize: isMobile ? "14px" : "16px",
+        color: headingColor,
+        fontFamily: font
+      }
+    });
+    titleEl.textContent = getTranslatedText("purposes.name", purpose.name, purpose.uuid);
+    titleElements.set(purpose.uuid, titleEl);
+    const descEl = el("h3", {
+      id: `purpose-description-${purpose.uuid}`,
+      style: {
+        ...styles.optionDescription,
+        fontSize: isMobile ? "11px" : "12px",
+        color: textColor,
+        fontFamily: font
+      }
+    });
+    descEl.textContent = getTranslatedText("purposes.description", purpose.description, purpose.uuid);
+    descriptionElements.set(purpose.uuid, descEl);
+    const textContainer = el("div", { style: styles.optionTextContainer }, titleEl, descEl);
+    const collapseBtn = el("div", {
+      style: styles.optionLeft,
+      role: "button",
+      tabIndex: "0",
+      "aria-expanded": String(!collapsedPurposes[purpose.uuid]),
+      "aria-controls": `purpose-${purpose.uuid}`,
+      "aria-label": `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)} details`,
+      onClick: () => onPurposeCollapse(purpose.uuid),
+      onKeydown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onPurposeCollapse(purpose.uuid);
+        }
+      }
+    }, chevronContainer, textContainer);
+    collapseButtons.set(purpose.uuid, collapseBtn);
+    let rightElement;
+    if (!isAlreadyConsented) {
+      const purposeCheckbox = el("input", {
+        className: "redacto-checkbox-large",
+        type: "checkbox",
+        checked: selectedPurposes[purpose.uuid] || false,
+        "aria-label": `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`,
+        onChange: () => onPurposeToggle(purpose.uuid)
+      });
+      checkboxes.set(purpose.uuid, purposeCheckbox);
+      rightElement = purposeCheckbox;
+    } else {
+      rightElement = createGreenCheckmark(
+        20,
+        `Already consented to ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`
+      );
+      applyStyles(rightElement, { marginLeft: "12px" });
+    }
+    const optionRow = el("div", { style: styles.optionItem }, collapseBtn, rightElement);
+    const deContainer = el("div", {
+      id: `purpose-${purpose.uuid}`,
+      style: styles.dataElementsContainer
+    });
+    if (((_a = purpose.data_elements) == null ? void 0 : _a.length) > 0) {
+      for (const dataElement of purpose.data_elements) {
+        const combinedId = `${purpose.uuid}-${dataElement.uuid}`;
+        const labelSpan = el("span", {
+          id: `data-element-${purpose.uuid}-${dataElement.uuid}`,
+          style: {
+            ...styles.dataElementText,
+            fontSize: isMobile ? "12px" : "14px",
+            color: textColor,
+            fontFamily: font
+          }
+        });
+        labelSpan.textContent = getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid);
+        dataElementLabels.set(combinedId, labelSpan);
+        if (dataElement.required) {
+          const asterisk = el("span", { style: { color: "red", marginLeft: "4px" }, "aria-label": "required" });
+          asterisk.textContent = "*";
+          labelSpan.appendChild(asterisk);
+        }
+        let deRightElement;
+        if (!isAlreadyConsented) {
+          const deCheckbox = el("input", {
+            className: "redacto-checkbox-small",
+            type: "checkbox",
+            checked: selectedDataElements[combinedId] || false,
+            "aria-label": `Select ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}${dataElement.required ? " (required)" : ""}`,
+            onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid)
+          });
+          checkboxes.set(combinedId, deCheckbox);
+          deRightElement = deCheckbox;
+        } else {
+          const wasSelected = initialDataElementSelections[combinedId] || false;
+          if (wasSelected) {
+            deRightElement = createGreenCheckmark(
+              16,
+              `Consented to ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}`
+            );
+          } else {
+            deRightElement = el("div", {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: "16px",
+                height: "16px",
+                borderRadius: "50%",
+                border: "2px solid #d0d5dd",
+                backgroundColor: "transparent"
+              },
+              "aria-label": `Not consented to ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}`
+            });
+          }
+        }
+        const deRow = el("div", { style: styles.dataElementItem }, labelSpan, deRightElement);
+        deContainer.appendChild(deRow);
+      }
+    }
+    dataElementContainers.set(purpose.uuid, deContainer);
+    deContainer.style.display = !collapsedPurposes[purpose.uuid] && ((_b = purpose.data_elements) == null ? void 0 : _b.length) > 0 ? "flex" : "none";
+    purposeWrapper.appendChild(optionRow);
+    purposeWrapper.appendChild(deContainer);
+    container.appendChild(purposeWrapper);
+  }
+  return {
+    container,
+    checkboxes,
+    collapseButtons,
+    dataElementContainers,
+    chevrons,
+    titleElements,
+    descriptionElements,
+    dataElementLabels
+  };
+}
+function createGreenCheckmark(size, ariaLabel) {
+  const svgSize = size === 20 ? 12 : 10;
+  const strokeWidth = size === 20 ? "2" : "1.5";
+  const pathD = size === 20 ? "M4 6L5.5 7.5L8.5 4.5" : "M3 5L4.5 6.5L7.5 3.5";
+  const checkSvg = svg(
+    "svg",
+    {
+      width: String(svgSize),
+      height: String(svgSize),
+      viewBox: `0 0 ${svgSize} ${svgSize}`,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    },
+    svg("path", {
+      d: pathD,
+      stroke: "white",
+      "stroke-width": strokeWidth,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  );
+  return el("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: `${size}px`,
+      height: `${size}px`,
+      borderRadius: "50%",
+      backgroundColor: "#10B981"
+    },
+    "aria-label": ariaLabel
+  }, checkSvg);
+}
+
+// src/modal/language-selector.ts
+function renderLanguageSelector(options) {
+  var _a, _b, _c, _d;
+  const { languages, selectedLanguage, settings, onSelect } = options;
+  let isOpen = false;
+  const buttonText = el("span");
+  buttonText.textContent = selectedLanguage;
+  const chevronSvg = svg(
+    "svg",
+    {
+      width: "8",
+      height: "5",
+      viewBox: "0 0 8 5",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    svg("path", {
+      d: "M1 1L4 4L7 1",
+      stroke: ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.language) == null ? void 0 : _b.textColor) || "#344054",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  );
+  const buttonStyle = { ...styles.topRight };
+  if ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.language) {
+    buttonStyle.backgroundColor = settings.button.language.backgroundColor;
+    buttonStyle.color = settings.button.language.textColor;
+  }
+  const button = el("div", {
+    style: buttonStyle,
+    role: "button",
+    tabIndex: "0",
+    "aria-haspopup": "listbox",
+    "aria-expanded": "false",
+    "aria-label": `Language selector, current: ${selectedLanguage}`,
+    onClick: () => toggleDropdown(),
+    onKeydown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        toggleDropdown();
+      } else if (e.key === "Escape") {
+        closeDropdown();
+      }
+    }
+  }, buttonText, chevronSvg);
+  const dropdown = el("div", {
+    style: {
+      position: "fixed",
+      backgroundColor: "#ffffff",
+      border: "1px solid #d0d5dd",
+      borderRadius: "4px",
+      boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.15)",
+      zIndex: 2147483647,
+      // max int — always on top
+      minWidth: "140px",
+      maxHeight: "200px",
+      overflowY: "auto",
+      padding: 0,
+      boxSizing: "border-box",
+      textAlign: "left",
+      display: "none"
+    },
+    role: "listbox",
+    "aria-label": "Select language"
+  });
+  for (const lang of languages) {
+    const isSelected = lang === selectedLanguage;
+    const itemStyle = isSelected ? { ...styles.languageItem, ...styles.selectedLanguageItem } : { ...styles.languageItem };
+    if ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.language) {
+      if (isSelected && settings.button.language.selectedBackgroundColor) {
+        itemStyle.backgroundColor = settings.button.language.selectedBackgroundColor;
+      }
+      if (isSelected && settings.button.language.selectedTextColor) {
+        itemStyle.color = settings.button.language.selectedTextColor;
+      }
+    }
+    const item = el("div", {
+      style: itemStyle,
+      role: "option",
+      "aria-selected": String(isSelected),
+      onClick: () => {
+        onSelect(lang);
+        closeDropdown();
+      },
+      onMouseenter: (e) => {
+        e.target.style.backgroundColor = "#f3f4f6";
+      },
+      onMouseleave: (e) => {
+        e.target.style.backgroundColor = isSelected ? "#f3f4f6" : "#ffffff";
+      }
+    });
+    item.textContent = lang;
+    dropdown.appendChild(item);
+  }
+  const container = el("div", { style: styles.languageSelectorContainer }, button);
+  if (typeof document !== "undefined") {
+    document.body.appendChild(dropdown);
+  }
+  function positionDropdown() {
+    const rect = button.getBoundingClientRect();
+    dropdown.style.top = `${rect.bottom + 4}px`;
+    dropdown.style.right = `${window.innerWidth - rect.right}px`;
+    dropdown.style.left = "auto";
+  }
+  const clickOutsideHandler = (e) => {
+    const target = e.target;
+    if (!container.contains(target) && !dropdown.contains(target)) {
+      closeDropdown();
+    }
+  };
+  const repositionHandler = () => {
+    if (isOpen) positionDropdown();
+  };
+  function toggleDropdown() {
+    isOpen ? closeDropdown() : openDropdown();
+  }
+  function openDropdown() {
+    isOpen = true;
+    positionDropdown();
+    dropdown.style.display = "block";
+    button.setAttribute("aria-expanded", "true");
+    setTimeout(() => {
+      document.addEventListener("click", clickOutsideHandler);
+    }, 0);
+    window.addEventListener("scroll", repositionHandler, true);
+    window.addEventListener("resize", repositionHandler);
+  }
+  function closeDropdown() {
+    isOpen = false;
+    dropdown.style.display = "none";
+    button.setAttribute("aria-expanded", "false");
+    document.removeEventListener("click", clickOutsideHandler);
+    window.removeEventListener("scroll", repositionHandler, true);
+    window.removeEventListener("resize", repositionHandler);
+  }
+  return { container, button, dropdown, buttonText };
+}
+
+// src/modal/keyboard.ts
+function setupKeyboardTrap(modalEl, onEscape) {
+  const handler = (e) => {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      onEscape();
+      return;
+    }
+    if (e.key === "Tab") {
+      const focusableElements = modalEl.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      const focusable = Array.from(focusableElements).filter(
+        (el2) => !el2.hasAttribute("disabled") && el2.offsetParent !== null
+      );
+      if (focusable.length === 0) {
+        e.preventDefault();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (e.shiftKey) {
+        if (document.activeElement === first) {
+          e.preventDefault();
+          last.focus();
+        }
+      } else {
+        if (document.activeElement === last) {
+          e.preventDefault();
+          first.focus();
+        }
+      }
+    }
+  };
+  document.addEventListener("keydown", handler);
+  requestAnimationFrame(() => {
+    const firstFocusable = modalEl.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    firstFocusable == null ? void 0 : firstFocusable.focus();
+  });
+  return () => {
+    document.removeEventListener("keydown", handler);
+  };
+}
+
+// src/services/storage.ts
+var STORAGE_KEY = "redacto_consent_sdk_state";
+var STATE_EXPIRY_MS = 30 * 60 * 1e3;
+var isBrowser = () => {
+  return typeof window !== "undefined" && typeof window.sessionStorage !== "undefined";
+};
+var saveConsentState = (state) => {
+  if (!isBrowser()) {
+    console.warn("SessionStorage not available - state not persisted");
+    return;
+  }
+  try {
+    const stateWithTimestamp = {
+      ...state,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(stateWithTimestamp));
+  } catch (error) {
+    console.error("Failed to save consent state:", error);
+  }
+};
+var getConsentState = () => {
+  if (!isBrowser()) return null;
+  try {
+    const savedState = sessionStorage.getItem(STORAGE_KEY);
+    if (!savedState) return null;
+    const parsed = JSON.parse(savedState);
+    const stateAge = Date.now() - new Date(parsed.timestamp).getTime();
+    if (stateAge > STATE_EXPIRY_MS) {
+      clearConsentState();
+      return null;
+    }
+    return parsed;
+  } catch (error) {
+    console.error("Failed to get consent state:", error);
+    return null;
+  }
+};
+var clearConsentState = () => {
+  if (!isBrowser()) return;
+  try {
+    sessionStorage.removeItem(STORAGE_KEY);
+  } catch (error) {
+    console.error("Failed to clear consent state:", error);
+  }
+};
+var updateConsentState = (updates) => {
+  const currentState = getConsentState();
+  if (currentState) {
+    saveConsentState({
+      ...currentState,
+      ...updates,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+};
+
+// src/constants.ts
+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_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: "dpo_text_audio_url", elementId: "dpo-dpo-text" },
+  { audioKey: "dpo_anchor_text_audio_url", elementId: "dpo-dpo-link" }
+];
+
+// src/modal/tts.ts
+var TTSManager = class {
+  constructor(onStateChange) {
+    this.audioUrls = null;
+    this.audioSequence = [];
+    this.elementIdSequence = [];
+    this.currentAudio = null;
+    this.currentIndex = 0;
+    this._isPlaying = false;
+    this._isPaused = false;
+    this._isAvailable = false;
+    this.highlightedElementId = null;
+    this.abortController = null;
+    this.onStateChange = onStateChange;
+  }
+  get isPlaying() {
+    return this._isPlaying;
+  }
+  get isPaused() {
+    return this._isPaused;
+  }
+  get isAvailable() {
+    return this._isAvailable;
+  }
+  async fetchAudioUrls(params) {
+    var _a;
+    this.stop();
+    this._isAvailable = false;
+    this.audioUrls = null;
+    this.onStateChange();
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = new AbortController();
+    try {
+      const response = await fetchTTSAudioUrls({
+        accessToken: params.accessToken,
+        baseUrl: params.baseUrl,
+        noticeUuid: params.noticeUuid,
+        language: params.language,
+        signal: this.abortController.signal
+      });
+      this.audioUrls = response.detail;
+      this._isAvailable = true;
+      this.buildSequences(params.content);
+      this.onStateChange();
+    } catch (error) {
+      if (error.name !== "AbortError") {
+        this._isAvailable = false;
+        this.audioUrls = null;
+        this.onStateChange();
+      }
+    }
+  }
+  buildSequences(content) {
+    var _a, _b;
+    if (!this.audioUrls) return;
+    const urls = this.audioUrls;
+    const audioSeq = [];
+    const elementSeq = [];
+    const push = (url, elementId) => {
+      if (url) {
+        audioSeq.push(url);
+        elementSeq.push(elementId);
+      }
+    };
+    push(urls.notice_banner_heading_audio_url, "privacy-notice-title");
+    push(urls.notice_text_audio_url, "privacy-notice-text");
+    push(urls.privacy_policy_prefix_text_audio_url, "privacy-policy-text");
+    push(urls.privacy_policy_anchor_text_audio_url, "privacy-policy-link");
+    push(urls.purpose_section_heading_audio_url, "purpose-section-heading");
+    for (const purpose of content.purposes) {
+      const purposeAudio = (_a = urls.purposes_audio) == null ? void 0 : _a[purpose.uuid];
+      if (purposeAudio) {
+        push(purposeAudio.name_audio_url, `purpose-name-${purpose.uuid}`);
+        push(purposeAudio.description_audio_url, `purpose-description-${purpose.uuid}`);
+      }
+      for (const de of purpose.data_elements) {
+        const deAudio = (_b = urls.data_elements_audio) == null ? void 0 : _b[de.uuid];
+        if (deAudio) {
+          push(deAudio.name_audio_url, `data-element-${purpose.uuid}-${de.uuid}`);
+        }
+      }
+    }
+    push(urls.additional_text_audio_url, "additional-text");
+    push(urls.privacy_center_anchor_text_audio_url, "privacy-center-link");
+    if (urls.dpo_info_audio) {
+      for (const mapping of DPO_AUDIO_ELEMENT_MAP) {
+        const audioUrl = urls.dpo_info_audio[mapping.audioKey];
+        push(audioUrl, mapping.elementId);
+      }
+    }
+    push(urls.confirm_button_text_audio_url, "confirm-button-text");
+    push(urls.decline_button_text_audio_url, "decline-button-text");
+    this.audioSequence = audioSeq;
+    this.elementIdSequence = elementSeq;
+  }
+  toggle() {
+    this._isPlaying ? this.pause() : this.play();
+  }
+  play() {
+    if (this.audioSequence.length === 0) return;
+    if (this._isPaused && this.currentAudio) {
+      this.currentAudio.play().then(() => {
+        this._isPlaying = true;
+        this._isPaused = false;
+        this.onStateChange();
+      }).catch(() => {
+      });
+    } else {
+      const startIndex = this._isPlaying ? this.currentIndex : 0;
+      this.playNextAudio(startIndex);
+    }
+  }
+  pause() {
+    if (this.currentAudio && this._isPlaying) {
+      this.currentAudio.pause();
+      this._isPlaying = false;
+      this._isPaused = true;
+      this.onStateChange();
+    }
+  }
+  stop() {
+    if (this.currentAudio) {
+      this.currentAudio.pause();
+      this.currentAudio.currentTime = 0;
+      this.currentAudio = null;
+    }
+    this._isPlaying = false;
+    this._isPaused = false;
+    this.currentIndex = 0;
+    this.removeHighlights();
+    this.highlightedElementId = null;
+    this.onStateChange();
+  }
+  destroy() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.stop();
+  }
+  playNextAudio(index) {
+    if (index >= this.audioSequence.length) {
+      this.stop();
+      return;
+    }
+    if (this.currentAudio) {
+      this.currentAudio.pause();
+      this.currentAudio = null;
+    }
+    const audio = new Audio(this.audioSequence[index]);
+    this.currentAudio = audio;
+    this.currentIndex = index;
+    this._isPlaying = true;
+    this._isPaused = false;
+    const elementId = this.elementIdSequence[index];
+    if (elementId) {
+      this.highlightElement(elementId);
+    }
+    audio.onended = () => this.playNextAudio(index + 1);
+    audio.onerror = () => {
+      console.warn(`Failed to load audio at index ${index}`);
+      this.playNextAudio(index + 1);
+    };
+    audio.play().catch((error) => {
+      console.warn(`Failed to play audio at index ${index}:`, error);
+      this._isPlaying = false;
+      this.onStateChange();
+    });
+    this.onStateChange();
+  }
+  highlightElement(elementId) {
+    this.removeHighlights();
+    this.highlightedElementId = elementId;
+    setTimeout(() => {
+      const element = document.getElementById(elementId);
+      if (element) {
+        element.classList.add("redacto-tts-highlight");
+        const rect = element.getBoundingClientRect();
+        const isVisible = rect.top >= 0 && rect.left >= 0 && rect.bottom <= window.innerHeight && rect.right <= window.innerWidth;
+        if (!isVisible) {
+          element.scrollIntoView({
+            behavior: "smooth",
+            block: "center",
+            inline: "nearest"
+          });
+        }
+      }
+    }, 50);
+  }
+  removeHighlights() {
+    document.querySelectorAll(".redacto-tts-highlight").forEach((el2) => {
+      el2.classList.remove("redacto-tts-highlight");
+    });
+  }
+};
+
+// src/modal/age-verification.ts
+function renderAgeVerification(options) {
+  const { settings, colors, isMobile, logoUrl, onYes, onNo, onClose } = options;
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const textColor = colors.text;
+  const font = colors.font;
+  const logo = el("img", { src: logoUrl, style: styles.logo, alt: "Redacto Logo" });
+  const title = el("h2", {
+    id: "age-verification-title",
+    style: {
+      ...styles.title,
+      fontSize: isMobile ? "16px" : "18px",
+      color: headingColor,
+      fontFamily: font
+    }
+  });
+  title.textContent = "Age Verification Required";
+  const topLeft = el("div", { style: styles.topLeft }, logo, title);
+  const closeBtn = el("button", {
+    style: {
+      background: "none",
+      border: "none",
+      color: headingColor,
+      cursor: "pointer",
+      padding: isMobile ? "2px" : "4px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    type: "button",
+    "aria-label": "Close modal",
+    onClick: onClose
+  });
+  const closeSvg = svg(
+    "svg",
+    {
+      width: isMobile ? "18" : "20",
+      height: isMobile ? "18" : "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    },
+    svg("path", {
+      d: "M15 5L5 15M5 5L15 15",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  );
+  closeBtn.appendChild(closeSvg);
+  const topSection = el("div", {
+    style: { ...styles.topSection, color: textColor, fontFamily: font }
+  }, topLeft, closeBtn);
+  const description = el("p", {
+    style: {
+      ...styles.privacyText,
+      fontSize: isMobile ? "14px" : "16px",
+      color: textColor,
+      fontFamily: font,
+      marginBottom: "16px"
+    }
+  });
+  description.textContent = "To proceed with this consent form, we need to verify your age.";
+  const question = el("p", {
+    style: {
+      ...styles.subTitle,
+      color: textColor,
+      fontFamily: font,
+      marginBottom: "24px",
+      textAlign: "left"
+    }
+  });
+  question.textContent = "Are you 18 years of age or older?";
+  const middleSection = el("div", {
+    style: { ...styles.middleSection, color: textColor, fontFamily: font }
+  }, description, question);
+  const btnBase = {
+    ...styles.button,
+    fontSize: isMobile ? "14px" : "16px",
+    padding: isMobile ? "10px 20px" : "9px 45px"
+  };
+  const yesBtn = el("button", {
+    style: {
+      ...btnBase,
+      ...styles.acceptButton,
+      backgroundColor: colors.acceptBg,
+      color: colors.acceptText,
+      borderRadius: colors.borderRadius
+    },
+    type: "button",
+    "aria-label": "Confirm that I am 18 years of age or older",
+    onClick: onYes
+  });
+  yesBtn.textContent = "Yes, I am 18 or older";
+  const noBtn = el("button", {
+    style: {
+      ...btnBase,
+      ...styles.cancelButton,
+      backgroundColor: colors.declineBg,
+      color: colors.declineText,
+      borderColor: colors.declineBorder,
+      borderRadius: colors.borderRadius
+    },
+    type: "button",
+    "aria-label": "Indicate that I am under 18 years of age",
+    onClick: onNo
+  });
+  noBtn.textContent = "No, I am under 18";
+  const bottomSection = el("div", {
+    style: { ...styles.bottomSection, color: textColor, fontFamily: font }
+  }, yesBtn, noBtn);
+  const container = el("div", { style: styles.content }, topSection, middleSection, bottomSection);
+  return { container };
+}
+
+// src/modal/guardian-form.ts
+var RELATIONSHIP_OPTIONS = [
+  { value: "Father", label: "Father" },
+  { value: "Mother", label: "Mother" },
+  { value: "Legal Guardian", label: "Legal Guardian" },
+  { value: "Grandparent", label: "Grandparent" }
+];
+function renderGuardianForm(options) {
+  var _a;
+  const { formData, settings, colors, isMobile, logoUrl, isSubmitting, onSubmit, onCancel, onFieldChange } = options;
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const textColor = colors.text;
+  const borderColor = colors.declineBorder;
+  const bgColor = (settings == null ? void 0 : settings.backgroundColor) || "#ffffff";
+  const radius = colors.borderRadius;
+  const font = colors.font;
+  const accentColor = colors.acceptBg;
+  const inputStyle = {
+    width: "100%",
+    padding: "10px 12px",
+    border: `1px solid ${borderColor}`,
+    borderRadius: radius,
+    fontSize: "13px",
+    fontFamily: font,
+    color: textColor,
+    backgroundColor: bgColor,
+    marginBottom: "2px",
+    boxSizing: "border-box",
+    outline: "none"
+  };
+  const errorStyle = {
+    color: "#DC2626",
+    fontSize: "11px",
+    marginTop: "4px",
+    marginBottom: "0px",
+    display: "none"
+  };
+  const labelStyle = {
+    fontSize: "13px",
+    fontWeight: 500,
+    color: textColor,
+    fontFamily: font,
+    marginBottom: "4px",
+    display: "block"
+  };
+  const hintStyle = {
+    fontSize: "11px",
+    color: "#667085",
+    marginTop: "2px",
+    marginBottom: "0px",
+    lineHeight: "1.4"
+  };
+  const logo = el("img", { src: logoUrl, style: styles.logo, alt: "Logo" });
+  const title = el("h2", {
+    id: "guardian-form-title",
+    style: {
+      ...styles.title,
+      fontSize: "16px",
+      fontWeight: 600,
+      color: headingColor,
+      fontFamily: font
+    }
+  });
+  title.textContent = "Guardian Verification";
+  const topLeft = el("div", { style: styles.topLeft }, logo, title);
+  const topSection = el("div", {
+    style: { ...styles.topSection, color: textColor, fontFamily: font }
+  }, topLeft);
+  const subtitle = el("p", {
+    style: {
+      ...styles.privacyText,
+      fontSize: "13px",
+      lineHeight: "1.5",
+      color: textColor,
+      fontFamily: font,
+      marginBottom: "12px"
+    }
+  });
+  subtitle.textContent = "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before you can proceed.";
+  const infoIcon = svg(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "#2563EB",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    svg("circle", { cx: "12", cy: "12", r: "10" }),
+    svg("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    svg("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  );
+  infoIcon.style.cssText = "flex-shrink:0;margin-top:1px";
+  const infoText = el("span");
+  infoText.textContent = "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.";
+  const infoBanner = el("div", {
+    style: {
+      display: "flex",
+      alignItems: "flex-start",
+      gap: "8px",
+      padding: "10px 12px",
+      backgroundColor: "#EFF6FF",
+      border: "1px solid #BFDBFE",
+      borderRadius: radius,
+      marginBottom: "16px",
+      fontSize: "12px",
+      lineHeight: "1.5",
+      color: "#1E40AF"
+    }
+  }, infoIcon, infoText);
+  const nameLabel = el("label", { for: "guardianName", style: labelStyle });
+  nameLabel.innerHTML = `Guardian's Full Name <span style="color:#DC2626">*</span>`;
+  const nameInput = el("input", {
+    id: "guardianName",
+    type: "text",
+    style: inputStyle,
+    value: formData.guardianName,
+    placeholder: "e.g. Rajesh Kumar",
+    autoComplete: "name",
+    "aria-describedby": "guardianName-hint",
+    onInput: (e) => onFieldChange("guardianName", e.target.value)
+  });
+  const nameHint = el("p", { id: "guardianName-hint", style: hintStyle });
+  nameHint.textContent = "Enter the full name as per government ID (Aadhaar, PAN, etc.)";
+  const nameError = el("div", { style: errorStyle, role: "alert" });
+  const nameGroup = el("div", null, nameLabel, nameInput, nameHint, nameError);
+  const contactLabel = el("label", { for: "guardianContact", style: labelStyle });
+  contactLabel.innerHTML = `Guardian's Phone Number <span style="color:#DC2626">*</span>`;
+  const contactInput = el("input", {
+    id: "guardianContact",
+    type: "tel",
+    inputMode: "tel",
+    style: inputStyle,
+    value: formData.guardianContact,
+    placeholder: "e.g. 9876543210",
+    autoComplete: "tel",
+    "aria-describedby": "guardianContact-hint",
+    onInput: (e) => onFieldChange("guardianContact", e.target.value)
+  });
+  const contactHint = el("p", { id: "guardianContact-hint", style: hintStyle });
+  contactHint.textContent = "Mobile number linked to guardian's Aadhaar";
+  const contactError = el("div", { style: errorStyle, role: "alert" });
+  const contactGroup = el("div", null, contactLabel, contactInput, contactHint, contactError);
+  const relLabel = el("label", { id: "guardianRelationship-label", style: labelStyle });
+  relLabel.innerHTML = `Relationship <span style="color:#DC2626">*</span>`;
+  const selectedLabel = (_a = RELATIONSHIP_OPTIONS.find((o) => o.value === formData.guardianRelationship)) == null ? void 0 : _a.label;
+  const chevronSvg = svg(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "#667085",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    },
+    svg("polyline", { points: "6 9 12 15 18 9" })
+  );
+  chevronSvg.style.cssText = "flex-shrink:0;margin-left:8px;transition:transform 0.2s";
+  const selectedSpan = el("span", {
+    style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+  });
+  selectedSpan.textContent = selectedLabel || "Select relationship";
+  const relationshipDisplay = el("div", {
+    role: "combobox",
+    "aria-expanded": "false",
+    "aria-haspopup": "listbox",
+    "aria-labelledby": "guardianRelationship-label",
+    tabIndex: "0",
+    style: {
+      ...inputStyle,
+      color: selectedLabel ? textColor : "#9CA3AF",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      userSelect: "none",
+      transition: "border-color 0.15s, box-shadow 0.15s"
+    }
+  }, selectedSpan, chevronSvg);
+  const dropdownList = el("div", {
+    id: "guardianRelationship-listbox",
+    role: "listbox",
+    "aria-labelledby": "guardianRelationship-label",
+    style: {
+      position: "absolute",
+      top: "calc(100% + 4px)",
+      left: 0,
+      right: 0,
+      backgroundColor: bgColor,
+      border: `1px solid ${borderColor}`,
+      borderRadius: radius,
+      boxShadow: "0 4px 12px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.06)",
+      zIndex: 50,
+      overflow: "hidden",
+      padding: "4px 0",
+      maxHeight: "220px",
+      overflowY: "auto",
+      display: "none"
+    }
+  });
+  for (let i = 0; i < RELATIONSHIP_OPTIONS.length; i++) {
+    const option = RELATIONSHIP_OPTIONS[i];
+    const isSelected = formData.guardianRelationship === option.value;
+    const optionEl = el("div", {
+      id: `guardianRelationship-option-${i}`,
+      role: "option",
+      "aria-selected": String(isSelected),
+      style: {
+        padding: "9px 12px",
+        fontSize: "13px",
+        fontFamily: font,
+        color: isSelected ? accentColor : textColor,
+        backgroundColor: "transparent",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        transition: "background-color 0.1s"
+      },
+      onClick: () => {
+        onFieldChange("guardianRelationship", option.value);
+        selectedSpan.textContent = option.label;
+        relationshipDisplay.style.color = textColor;
+        doClose();
+      },
+      onMouseenter: (e) => {
+        e.target.style.backgroundColor = "#F3F4F6";
+      },
+      onMouseleave: (e) => {
+        e.target.style.backgroundColor = "transparent";
+      }
+    });
+    const label = el("span");
+    label.textContent = option.label;
+    optionEl.appendChild(label);
+    if (isSelected) {
+      const checkSvg = svg(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: accentColor,
+          "stroke-width": "2.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        svg("polyline", { points: "20 6 9 17 4 12" })
+      );
+      checkSvg.style.flexShrink = "0";
+      optionEl.appendChild(checkSvg);
+    }
+    dropdownList.appendChild(optionEl);
+  }
+  let dropdownOpen = false;
+  const relContainer = el("div", { style: { position: "relative" } });
+  const handleClickOutside = (e) => {
+    if (!relContainer.contains(e.target)) {
+      doClose();
+    }
+  };
+  function doOpen() {
+    dropdownOpen = true;
+    dropdownList.style.display = "block";
+    relationshipDisplay.setAttribute("aria-expanded", "true");
+    chevronSvg.style.transform = "rotate(180deg)";
+    relationshipDisplay.style.borderColor = accentColor;
+    relationshipDisplay.style.boxShadow = `0 0 0 1px ${accentColor}`;
+    const rect = relContainer.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - rect.bottom;
+    const dropdownHeight = 220;
+    const shouldOpenUpward = spaceBelow < dropdownHeight && rect.top > dropdownHeight;
+    if (shouldOpenUpward) {
+      dropdownList.style.top = "auto";
+      dropdownList.style.bottom = "calc(100% + 4px)";
+      dropdownList.style.boxShadow = "0 -4px 12px rgba(0,0,0,0.1), 0 -1px 3px rgba(0,0,0,0.06)";
+    } else {
+      dropdownList.style.top = "calc(100% + 4px)";
+      dropdownList.style.bottom = "auto";
+      dropdownList.style.boxShadow = "0 4px 12px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.06)";
+    }
+    requestAnimationFrame(() => {
+      dropdownList.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    });
+    setTimeout(() => document.addEventListener("mousedown", handleClickOutside), 0);
+  }
+  function doClose() {
+    dropdownOpen = false;
+    dropdownList.style.display = "none";
+    relationshipDisplay.setAttribute("aria-expanded", "false");
+    chevronSvg.style.transform = "rotate(0deg)";
+    relationshipDisplay.style.borderColor = borderColor;
+    relationshipDisplay.style.boxShadow = "none";
+    document.removeEventListener("mousedown", handleClickOutside);
+  }
+  relationshipDisplay.addEventListener("click", () => {
+    dropdownOpen ? doClose() : doOpen();
+  });
+  relationshipDisplay.addEventListener("keydown", (e) => {
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+      e.preventDefault();
+      if (!dropdownOpen) doOpen();
+    } else if (e.key === "Escape" || e.key === "Tab") {
+      doClose();
+    }
+  });
+  const relationshipError = el("div", { style: errorStyle, role: "alert" });
+  relContainer.appendChild(relLabel);
+  relContainer.appendChild(relationshipDisplay);
+  relContainer.appendChild(dropdownList);
+  relContainer.appendChild(relationshipError);
+  const generalError = el("div", {
+    role: "alert",
+    style: {
+      color: "#DC2626",
+      fontSize: "13px",
+      marginTop: "16px",
+      padding: "12px",
+      borderRadius: "6px",
+      border: "1px solid #FCA5A5",
+      backgroundColor: "#FEF2F2",
+      textAlign: "center",
+      display: "none"
+    }
+  });
+  const fieldsContainer = el("div", {
+    style: { display: "flex", flexDirection: "column", gap: "14px" }
+  }, nameGroup, contactGroup, relContainer);
+  const middleSection = el("div", {
+    style: { ...styles.middleSection, overflow: "visible", color: textColor, fontFamily: font }
+  }, subtitle, infoBanner, fieldsContainer, generalError);
+  const btnBase = {
+    ...styles.button,
+    fontSize: isMobile ? "14px" : "16px",
+    padding: isMobile ? "10px 20px" : "9px 45px"
+  };
+  const submitBtn = el("button", {
+    style: {
+      ...btnBase,
+      ...styles.acceptButton,
+      backgroundColor: colors.acceptBg,
+      color: colors.acceptText,
+      borderRadius: colors.borderRadius
+    },
+    type: "button",
+    disabled: isSubmitting,
+    "aria-label": isSubmitting ? "Verifying guardian identity" : "Proceed to guardian verification",
+    onClick: onSubmit
+  });
+  submitBtn.textContent = isSubmitting ? "Verifying..." : "Verify via DigiLocker";
+  const cancelBtn = el("button", {
+    style: {
+      ...btnBase,
+      ...styles.cancelButton,
+      backgroundColor: colors.declineBg,
+      color: colors.declineText,
+      borderColor: colors.declineBorder,
+      borderRadius: colors.borderRadius
+    },
+    type: "button",
+    "aria-label": "Cancel",
+    onClick: onCancel
+  });
+  cancelBtn.textContent = "Cancel";
+  const bottomSection = el("div", {
+    style: { ...styles.bottomSection, paddingTop: "12px", color: textColor, fontFamily: font }
+  }, submitBtn, cancelBtn);
+  const container = el("div", { style: { ...styles.content, overflow: "visible" } }, topSection, middleSection, bottomSection);
+  return {
+    container,
+    nameInput,
+    contactInput,
+    relationshipDisplay,
+    nameError,
+    contactError,
+    relationshipError,
+    submitBtn,
+    generalError
+  };
+}
+function validateGuardianForm(data) {
+  const errors = {};
+  if (!data.guardianName.trim()) errors.guardianName = "Guardian name is required";
+  if (!data.guardianContact.trim()) errors.guardianContact = "Guardian contact is required";
+  if (!data.guardianRelationship.trim()) errors.guardianRelationship = "Relationship to guardian is required";
+  return errors;
+}
+
+// src/modal/verification-screen.ts
+function getVerificationErrorMessage(errorCode, fallbackError) {
+  switch (errorCode) {
+    case "GUARDIAN_UNDER_18":
+      return "The guardian must be 18 years or older. Please provide details of a different guardian.";
+    case "TOKEN_FAILED":
+      return "DigiLocker verification could not be completed. Please try again.";
+    case "DIGILOCKER_AUTH_FAILED":
+      return "DigiLocker authorization was cancelled or failed. Please try again.";
+    case "NO_AUTH_CODE":
+      return "DigiLocker did not return an authorization code. Please try again.";
+    case "SESSION_EXPIRED":
+      return "Verification session has expired. Please try again.";
+    default:
+      return fallbackError || "Verification failed. Please try again.";
+  }
+}
+function renderVerificationScreen(options) {
+  const {
+    settings,
+    colors,
+    isMobile,
+    logoUrl,
+    isInitiating,
+    isPolling,
+    isComplete,
+    isAutoTransitioning,
+    error,
+    errorCode,
+    canRetry,
+    onContinue,
+    onBack
+  } = options;
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const textColor = colors.text;
+  const font = colors.font;
+  const accentColor = colors.acceptBg;
+  const logo = el("img", { src: logoUrl, style: styles.logo, alt: "Logo" });
+  const title = el("h2", {
+    id: "verification-title",
+    style: {
+      ...styles.title,
+      fontSize: "16px",
+      fontWeight: 600,
+      color: headingColor,
+      fontFamily: font
+    }
+  });
+  title.textContent = "Guardian Verification";
+  const topLeft = el("div", { style: styles.topLeft }, logo, title);
+  const topSection = el("div", {
+    style: { ...styles.topSection, color: textColor, fontFamily: font }
+  }, topLeft);
+  const middleSection = el("div", {
+    style: {
+      ...styles.middleSection,
+      color: textColor,
+      fontFamily: font,
+      textAlign: "center"
+    }
+  });
+  if (isComplete && !error) {
+    const successCircle = el("div", {
+      style: {
+        width: "64px",
+        height: "64px",
+        borderRadius: "50%",
+        backgroundColor: "#D1FAE5",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    });
+    const checkSvg = svg(
+      "svg",
+      {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "#059669",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      },
+      svg("polyline", { points: "20 6 9 17 4 12" })
+    );
+    successCircle.appendChild(checkSvg);
+    const successText = el("p", {
+      style: {
+        color: headingColor,
+        fontFamily: font,
+        fontSize: "16px",
+        fontWeight: 600,
+        lineHeight: "1.5",
+        marginTop: "12px",
+        marginBottom: "24px"
+      }
+    });
+    successText.textContent = "Verification Completed";
+    const wrapper = el("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        flex: "1"
+      }
+    }, successCircle, successText);
+    middleSection.appendChild(wrapper);
+  } else if ((isInitiating || isPolling) && !error) {
+    const spinner = el("div", {
+      style: {
+        width: "48px",
+        height: "48px",
+        border: "4px solid #e5e7eb",
+        borderTopColor: accentColor,
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite",
+        margin: "24px auto"
+      }
+    });
+    const statusMsg = el("div", {
+      style: {
+        color: "#059669",
+        fontSize: "14px",
+        marginTop: "16px",
+        padding: "12px",
+        borderRadius: "6px",
+        border: "1px solid #A7F3D0",
+        backgroundColor: "#D1FAE5",
+        textAlign: "center"
+      }
+    });
+    statusMsg.textContent = isInitiating ? "Opening DigiLocker in a new tab..." : "Please complete the verification in the DigiLocker tab. This page will update automatically when verification is complete.";
+    middleSection.appendChild(spinner);
+    middleSection.appendChild(statusMsg);
+  }
+  if (error) {
+    const errorCircle = el("div", {
+      style: {
+        width: "64px",
+        height: "64px",
+        borderRadius: "50%",
+        backgroundColor: "#fee2e2",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        margin: "24px auto"
+      }
+    });
+    const xSvg = svg(
+      "svg",
+      {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "#dc2626",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      },
+      svg("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      svg("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    );
+    errorCircle.appendChild(xSvg);
+    const failedText = el("p", {
+      style: {
+        ...styles.privacyText,
+        color: textColor,
+        fontFamily: font,
+        fontSize: "14px",
+        lineHeight: "1.5",
+        marginBottom: "12px"
+      }
+    });
+    failedText.textContent = "Verification failed";
+    const errorBox = el("div", {
+      style: {
+        color: "#DC2626",
+        fontSize: "14px",
+        marginTop: "16px",
+        padding: "12px",
+        borderRadius: "6px",
+        border: "1px solid #FCA5A5",
+        backgroundColor: "#FEF2F2",
+        textAlign: "center"
+      }
+    });
+    errorBox.textContent = error;
+    middleSection.appendChild(errorCircle);
+    middleSection.appendChild(failedText);
+    middleSection.appendChild(errorBox);
+  }
+  const btnBase = {
+    ...styles.button,
+    fontSize: isMobile ? "14px" : "16px",
+    padding: isMobile ? "10px 20px" : "9px 45px"
+  };
+  const bottomSection = el("div", {
+    style: {
+      ...styles.bottomSection,
+      paddingTop: "12px",
+      display: "flex",
+      gap: "12px",
+      justifyContent: "center",
+      color: textColor,
+      fontFamily: font
+    }
+  });
+  const acceptBtnStyle = {
+    backgroundColor: colors.acceptBg,
+    color: colors.acceptText,
+    borderRadius: colors.borderRadius
+  };
+  const declineBtnStyle = {
+    backgroundColor: colors.declineBg,
+    color: colors.declineText,
+    borderColor: colors.declineBorder,
+    borderRadius: colors.borderRadius
+  };
+  if (!isAutoTransitioning) {
+    if (isComplete && !error) {
+      const continueBtn = el("button", {
+        style: { ...btnBase, ...acceptBtnStyle },
+        type: "button",
+        "aria-label": "Continue to consent form",
+        onClick: onContinue
+      });
+      continueBtn.textContent = "Continue";
+      bottomSection.appendChild(continueBtn);
+    } else if (error && canRetry) {
+      const retryBtn = el("button", {
+        style: { ...btnBase, ...styles.acceptButton, ...acceptBtnStyle },
+        type: "button",
+        "aria-label": errorCode === "GUARDIAN_UNDER_18" ? "Change guardian details" : "Try verification again",
+        onClick: () => onBack(errorCode === "GUARDIAN_UNDER_18")
+      });
+      retryBtn.textContent = errorCode === "GUARDIAN_UNDER_18" ? "Change Guardian" : "Try Again";
+      bottomSection.appendChild(retryBtn);
+    } else if (error) {
+      const goBackBtn = el("button", {
+        style: { ...btnBase, ...styles.cancelButton, ...declineBtnStyle },
+        type: "button",
+        "aria-label": "Go back",
+        onClick: () => onBack(false)
+      });
+      goBackBtn.textContent = "Go Back";
+      bottomSection.appendChild(goBackBtn);
+    } else {
+      const cancelBtn = el("button", {
+        style: { ...btnBase, ...styles.cancelButton, ...declineBtnStyle },
+        type: "button",
+        "aria-label": "Cancel verification",
+        onClick: () => onBack(false)
+      });
+      cancelBtn.textContent = "Cancel";
+      bottomSection.appendChild(cancelBtn);
+    }
+  }
+  const container = el("div", { style: styles.content }, topSection, middleSection, bottomSection);
+  return { container };
+}
+
+// src/modal/colors.ts
+function resolveColors(settings, activeConfig) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const primaryColor = (activeConfig == null ? void 0 : activeConfig.primary_color) || "#4f87ff";
+  const secondaryColor = (activeConfig == null ? void 0 : activeConfig.secondary_color) || "#4f87ff";
+  return {
+    acceptBg: ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) == null ? void 0 : _b.backgroundColor) || primaryColor,
+    acceptText: ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.accept) == null ? void 0 : _d.textColor) || "#ffffff",
+    declineBg: ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) == null ? void 0 : _f.backgroundColor) || "#ffffff",
+    declineText: ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.decline) == null ? void 0 : _h.textColor) || "#000000",
+    declineBorder: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd",
+    link: (settings == null ? void 0 : settings.link) || secondaryColor,
+    heading: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
+    text: (settings == null ? void 0 : settings.textColor) || "#344054",
+    font: (settings == null ? void 0 : settings.font) || "inherit",
+    borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px",
+    primaryColor,
+    secondaryColor
+  };
+}
+
+// src/modal/index.ts
+var ModalController = class {
+  constructor(options) {
+    this.overlayEl = null;
+    this.modalEl = null;
+    this.purposeRefs = null;
+    this.alreadyConsentedPurposeRefs = null;
+    this.langSelectorRefs = null;
+    this.keyboardCleanup = null;
+    this.abortController = null;
+    this.unsubscribe = null;
+    this.guardianFormRefs = null;
+    this.statusPollTimeout = null;
+    this.popupCheckInterval = null;
+    this.verificationPopup = null;
+    this.verificationSessionToken = null;
+    this.visibilityChangeHandler = null;
+    // DOM refs for targeted updates
+    this.acceptBtn = null;
+    this.declineBtn = null;
+    this.middleSection = null;
+    this.errorEl = null;
+    this.noticeTitleEl = null;
+    this.noticeTextEl = null;
+    this.purposeHeadingEl = null;
+    this.additionalTextEl = null;
+    this.privacyPolicyLinkEl = null;
+    this.privacyCenterLinkEl = null;
+    this.ttsButton = null;
+    this.options = options;
+    this.store = new Store({
+      isLoading: true,
+      isSubmitting: false,
+      isSubmittingAccept: false,
+      isSubmittingDecline: false,
+      content: null,
+      selectedPurposes: {},
+      selectedDataElements: {},
+      initialDataElementSelections: {},
+      collapsedPurposes: {},
+      hasAlreadyConsented: false,
+      isFullyConsentedReviewMode: false,
+      selectedLanguage: options.language || "en",
+      errorMessage: null,
+      fetchError: null,
+      needsConsentPurposes: [],
+      alreadyConsentedPurposes: [],
+      isMinorFlow: false,
+      selfDeclaredAdult: false,
+      showAgeVerification: false,
+      showGuardianForm: false,
+      showVerificationScreen: false,
+      verificationReference: null,
+      isVerificationComplete: false,
+      isInitiatingVerification: false,
+      isPollingStatus: false,
+      verificationError: null,
+      verificationErrorCode: null,
+      canRetryVerification: false,
+      guardianFormData: { guardianName: "", guardianContact: "", guardianRelationship: "" }
+    });
+    this.mediaQuery = createMediaQuery("(max-width: 768px)");
+    this.ttsManager = new TTSManager(() => this.updateTTSButton());
+  }
+  async init() {
+    injectCheckboxStyles();
+    this.unsubscribe = this.store.subscribe((state, prevState) => {
+      this.handleStateChange(state, prevState);
+    });
+    this.mediaQuery.subscribe(() => this.rebuildUI());
+    this.renderOverlayWithLoading();
+    await this.fetchNotice();
+  }
+  destroy() {
+    var _a, _b, _c, _d;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    (_b = this.keyboardCleanup) == null ? void 0 : _b.call(this);
+    (_c = this.unsubscribe) == null ? void 0 : _c.call(this);
+    this.mediaQuery.destroy();
+    this.ttsManager.destroy();
+    this.stopPolling();
+    this.store.destroy();
+    if (((_d = this.langSelectorRefs) == null ? void 0 : _d.dropdown) && document.body.contains(this.langSelectorRefs.dropdown)) {
+      document.body.removeChild(this.langSelectorRefs.dropdown);
+    }
+    if (this.overlayEl && document.body.contains(this.overlayEl)) {
+      document.body.removeChild(this.overlayEl);
+    }
+    if (this.modalEl && document.body.contains(this.modalEl)) {
+      document.body.removeChild(this.modalEl);
+    }
+    this.overlayEl = null;
+    this.modalEl = null;
+    this.purposeRefs = null;
+    this.langSelectorRefs = null;
+  }
+  // ─── Private ───
+  async fetchNotice() {
+    var _a, _b, _c;
+    this.abortController = new AbortController();
+    this.store.setState({ isLoading: true, fetchError: null });
+    try {
+      const data = await fetchConsentContent({
+        noticeId: this.options.noticeId,
+        accessToken: this.options.accessToken,
+        refreshToken: this.options.refreshToken,
+        baseUrl: this.options.baseUrl,
+        language: this.options.language,
+        specific_uuid: this.options.applicationId,
+        validate_against: this.options.validateAgainst || "all",
+        include_fully_consented_data: this.options.includeFullyConsentedData,
+        signal: this.abortController.signal
+      });
+      const activeConfig = data.detail.active_config;
+      const purposeSelections = data.detail.purpose_selections;
+      const initialCollapsed = {};
+      const initialPurposes = {};
+      const initialElements = {};
+      const initialDataElementSelections = {};
+      let needsConsentPurposes = [];
+      let alreadyConsentedPurposes = [];
+      let isFullyConsentedReviewMode = false;
+      if (purposeSelections && data.detail.reconsent_required) {
+        for (const purpose of activeConfig.purposes) {
+          const selection = purposeSelections[purpose.uuid];
+          initialCollapsed[purpose.uuid] = true;
+          if (selection && selection.selected && !selection.needs_reconsent) {
+            alreadyConsentedPurposes.push(purpose);
+            initialPurposes[purpose.uuid] = true;
+            for (const de of purpose.data_elements) {
+              const combinedId = `${purpose.uuid}-${de.uuid}`;
+              const deSelection = (_a = selection.data_elements) == null ? void 0 : _a[de.uuid];
+              const wasSelected = (deSelection == null ? void 0 : deSelection.selected) || false;
+              initialElements[combinedId] = wasSelected;
+              initialDataElementSelections[combinedId] = wasSelected;
+            }
+          } else {
+            needsConsentPurposes.push(purpose);
+            initialPurposes[purpose.uuid] = false;
+            for (const de of purpose.data_elements) {
+              initialElements[`${purpose.uuid}-${de.uuid}`] = false;
+            }
+          }
+        }
+      } else {
+        needsConsentPurposes = activeConfig.purposes;
+        for (const purpose of activeConfig.purposes) {
+          initialCollapsed[purpose.uuid] = true;
+          initialPurposes[purpose.uuid] = false;
+          for (const de of purpose.data_elements) {
+            initialElements[`${purpose.uuid}-${de.uuid}`] = false;
+          }
+        }
+      }
+      if (this.options.includeFullyConsentedData && needsConsentPurposes.length === 0 && alreadyConsentedPurposes.length > 0) {
+        isFullyConsentedReviewMode = true;
+      }
+      let selectedLanguage = this.options.language || "en";
+      if (activeConfig.default_language) {
+        selectedLanguage = activeConfig.default_language;
+      }
+      let isMinorFlow = false;
+      let showAgeVerification = false;
+      let restoreState = {};
+      let pollingTokenToResume = null;
+      if (data.detail.is_minor) {
+        isMinorFlow = true;
+        const persistedState = getConsentState();
+        if ((persistedState == null ? void 0 : persistedState.noticeId) && persistedState.noticeId !== this.options.noticeId) {
+          clearConsentState();
+        } else if ((persistedState == null ? void 0 : persistedState.flowState) === "digilocker-pending" && persistedState.sessionToken) {
+          restoreState = {
+            showVerificationScreen: true,
+            isPollingStatus: true
+          };
+          pollingTokenToResume = persistedState.sessionToken;
+        } else if ((persistedState == null ? void 0 : persistedState.verificationResult) === "verified" && persistedState.verificationReference) {
+          restoreState = {
+            showVerificationScreen: true,
+            isVerificationComplete: true,
+            verificationReference: persistedState.verificationReference
+          };
+          clearConsentState();
+        } else if ((persistedState == null ? void 0 : persistedState.verificationResult) === "failed" || (persistedState == null ? void 0 : persistedState.verificationResult) === "expired") {
+          restoreState = {
+            showVerificationScreen: true,
+            verificationError: persistedState.verificationResult === "expired" ? "Verification session has expired. Please try again." : "Verification failed. Please try again.",
+            canRetryVerification: true
+          };
+          clearConsentState();
+        } else {
+          showAgeVerification = true;
+        }
+      }
+      this.store.setState({
+        content: data,
+        isLoading: false,
+        selectedLanguage,
+        collapsedPurposes: initialCollapsed,
+        selectedPurposes: initialPurposes,
+        selectedDataElements: initialElements,
+        initialDataElementSelections,
+        needsConsentPurposes,
+        alreadyConsentedPurposes,
+        isFullyConsentedReviewMode,
+        isMinorFlow,
+        showAgeVerification,
+        ...restoreState
+      });
+      if (pollingTokenToResume) {
+        this.startStatusPolling(pollingTokenToResume);
+      }
+    } catch (err) {
+      if (err.name === "AbortError") return;
+      const error = err;
+      if (error.status === 409) {
+        this.store.setState({ hasAlreadyConsented: true, isLoading: false });
+        this.options.onAccept();
+      } else {
+        this.store.setState({ fetchError: error, isLoading: false });
+        (_c = (_b = this.options).onError) == null ? void 0 : _c.call(_b, error);
+      }
+    }
+  }
+  handleStateChange(state, prevState) {
+    if (prevState.isLoading && !state.isLoading && state.content) {
+      this.rebuildUI();
+      return;
+    }
+    if (state.hasAlreadyConsented && !prevState.hasAlreadyConsented) {
+      this.destroy();
+      return;
+    }
+    if (state.fetchError && !prevState.fetchError) {
+      this.renderError(state.fetchError.message);
+      return;
+    }
+    if (state.showAgeVerification !== prevState.showAgeVerification || state.showGuardianForm !== prevState.showGuardianForm || state.showVerificationScreen !== prevState.showVerificationScreen) {
+      this.rebuildUI();
+      return;
+    }
+    if (state.showVerificationScreen && (state.isVerificationComplete !== prevState.isVerificationComplete || state.verificationError !== prevState.verificationError || state.isPollingStatus !== prevState.isPollingStatus || state.isInitiatingVerification !== prevState.isInitiatingVerification)) {
+      this.rebuildUI();
+      return;
+    }
+    if (state.selectedPurposes !== prevState.selectedPurposes || state.selectedDataElements !== prevState.selectedDataElements) {
+      this.updateCheckboxes(state);
+    }
+    if (state.collapsedPurposes !== prevState.collapsedPurposes) {
+      this.updateCollapseState(state);
+    }
+    if (state.errorMessage !== prevState.errorMessage) {
+      this.updateErrorMessage(state);
+    }
+    if (state.isSubmittingAccept !== prevState.isSubmittingAccept || state.isSubmittingDecline !== prevState.isSubmittingDecline) {
+      this.updateButtonStates(state);
+    }
+  }
+  renderOverlayWithLoading() {
+    const blockUI = this.options.blockUI !== false;
+    if (blockUI) {
+      this.overlayEl = el("div", {
+        style: styles.overlay,
+        role: "presentation"
+      });
+      document.body.appendChild(this.overlayEl);
+    }
+    const settingsObj = this.options.settings;
+    const modalStyle = { ...styles.modal };
+    if (settingsObj == null ? void 0 : settingsObj.backgroundColor) modalStyle.backgroundColor = settingsObj.backgroundColor;
+    if (settingsObj == null ? void 0 : settingsObj.borderRadius) modalStyle.borderRadius = settingsObj.borderRadius;
+    if (settingsObj == null ? void 0 : settingsObj.borderColor) modalStyle.border = `1px solid ${settingsObj.borderColor}`;
+    if (settingsObj == null ? void 0 : settingsObj.font) modalStyle.fontFamily = settingsObj.font;
+    if (this.mediaQuery.matches) {
+      modalStyle.width = "90%";
+      modalStyle.maxWidth = "90%";
+    }
+    this.modalEl = el("div", {
+      style: modalStyle,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Privacy consent"
+    });
+    const loadingEl = el(
+      "div",
+      { style: styles.loadingContainer },
+      el("div", { style: styles.loadingSpinner }),
+      el("p", { style: { ...styles.privacyText, color: (settingsObj == null ? void 0 : settingsObj.textColor) || "#344054" } }, "Loading...")
+    );
+    const contentEl = el("div", { style: styles.content }, loadingEl);
+    this.modalEl.appendChild(contentEl);
+    document.body.appendChild(this.modalEl);
+  }
+  rebuildUI() {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const state = this.store.getState();
+    if (!state.content || !this.modalEl) return;
+    const activeConfig = state.content.detail.active_config;
+    const settingsObj = this.options.settings;
+    const isMobile = this.mediaQuery.matches;
+    const colors = resolveColors(settingsObj, activeConfig);
+    if (state.showAgeVerification) {
+      clearElement(this.modalEl);
+      const ageRefs = renderAgeVerification({
+        settings: settingsObj,
+        colors,
+        isMobile,
+        logoUrl: activeConfig.logo_url,
+        onYes: () => this.handleAgeVerificationYes(),
+        onNo: () => this.handleAgeVerificationNo(),
+        onClose: () => this.handleDecline()
+      });
+      this.modalEl.appendChild(ageRefs.container);
+      (_a = this.keyboardCleanup) == null ? void 0 : _a.call(this);
+      this.keyboardCleanup = setupKeyboardTrap(this.modalEl, () => this.handleDecline());
+      return;
+    }
+    if (state.showGuardianForm) {
+      clearElement(this.modalEl);
+      this.guardianFormRefs = renderGuardianForm({
+        formData: state.guardianFormData,
+        settings: settingsObj,
+        colors,
+        isMobile,
+        logoUrl: activeConfig.logo_url,
+        isSubmitting: state.isInitiatingVerification,
+        onSubmit: () => this.handleGuardianFormSubmit(),
+        onCancel: () => this.handleDecline(),
+        onFieldChange: (field, value) => {
+          const s = this.store.getState();
+          this.store.setState({
+            guardianFormData: { ...s.guardianFormData, [field]: value }
+          });
+        }
+      });
+      this.modalEl.appendChild(this.guardianFormRefs.container);
+      (_b = this.keyboardCleanup) == null ? void 0 : _b.call(this);
+      this.keyboardCleanup = setupKeyboardTrap(this.modalEl, () => this.handleDecline());
+      return;
+    }
+    if (state.showVerificationScreen) {
+      clearElement(this.modalEl);
+      const verRefs = renderVerificationScreen({
+        settings: settingsObj,
+        colors,
+        isMobile,
+        logoUrl: activeConfig.logo_url,
+        isInitiating: state.isInitiatingVerification,
+        isPolling: state.isPollingStatus,
+        isComplete: state.isVerificationComplete,
+        error: state.verificationError,
+        errorCode: state.verificationErrorCode,
+        canRetry: state.canRetryVerification,
+        onContinue: () => this.handleVerificationContinue(),
+        onBack: (clearName) => {
+          if (clearName) {
+            this.handleChangeGuardian();
+          } else if (state.verificationError && state.canRetryVerification) {
+            this.handleVerificationRetry();
+          } else {
+            this.handleDecline();
+          }
+        }
+      });
+      this.modalEl.appendChild(verRefs.container);
+      (_c = this.keyboardCleanup) == null ? void 0 : _c.call(this);
+      this.keyboardCleanup = setupKeyboardTrap(this.modalEl, () => {
+      });
+      return;
+    }
+    clearElement(this.modalEl);
+    const headingColor = (settingsObj == null ? void 0 : settingsObj.headingColor) || "#101828";
+    const textColor = colors.text;
+    const linkColor = colors.link;
+    const font = colors.font;
+    const logoImg = activeConfig.logo_url ? el("img", { src: activeConfig.logo_url, style: styles.logo, alt: "Logo" }) : null;
+    this.noticeTitleEl = el("span", {
+      id: "privacy-notice-title",
+      style: { ...styles.title, color: headingColor, fontFamily: font, fontSize: isMobile ? "16px" : "18px" }
+    });
+    this.noticeTitleEl.textContent = this.getTranslatedText("notice_banner_heading", activeConfig.notice_banner_heading);
+    const topLeft = el("div", { style: styles.topLeft }, logoImg, this.noticeTitleEl);
+    if (((_d = this.langSelectorRefs) == null ? void 0 : _d.dropdown) && document.body.contains(this.langSelectorRefs.dropdown)) {
+      document.body.removeChild(this.langSelectorRefs.dropdown);
+    }
+    const supportedLangs = Object.keys(activeConfig.supported_languages_and_translations || {});
+    const allLanguages = [activeConfig.default_language || "English", ...supportedLangs.filter((l) => l !== activeConfig.default_language)];
+    this.langSelectorRefs = renderLanguageSelector({
+      languages: allLanguages,
+      selectedLanguage: state.selectedLanguage,
+      settings: settingsObj,
+      onSelect: (lang) => this.handleLanguageSelect(lang)
+    });
+    const ttsStrokeColor = ((_f = (_e = settingsObj == null ? void 0 : settingsObj.button) == null ? void 0 : _e.language) == null ? void 0 : _f.textColor) || "currentColor";
+    const speakerSvg = svg(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: ttsStrokeColor,
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true"
+      },
+      svg("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+      svg("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+    );
+    this.ttsButton = el("button", {
+      style: {
+        ...styles.topRight,
+        display: "none",
+        padding: "3px 9px",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      type: "button",
+      "aria-label": "Start audio playback",
+      title: "Start Talkback",
+      onClick: () => this.ttsManager.toggle()
+    });
+    this.ttsButton.appendChild(speakerSvg);
+    this.ttsManager.fetchAudioUrls({
+      accessToken: this.options.accessToken,
+      baseUrl: this.options.baseUrl,
+      noticeUuid: activeConfig.notice_uuid,
+      language: this.getLanguageCode(state.selectedLanguage),
+      content: activeConfig
+    });
+    const topRight = el("div", {
+      style: { display: "flex", alignItems: "center", gap: "8px" }
+    }, this.ttsButton, this.langSelectorRefs.container);
+    const topSection = el("div", { style: styles.topSection }, topLeft, topRight);
+    this.middleSection = el("div", { style: styles.middleSection });
+    const baseTextStyle = { ...styles.privacyText, color: textColor, fontFamily: font, fontSize: isMobile ? "14px" : "16px" };
+    const noticeTextSpan = el("span", { id: "privacy-notice-text" });
+    noticeTextSpan.textContent = this.getTranslatedText("notice_text", activeConfig.notice_text);
+    const policyPrefixText = this.getTranslatedText("privacy_policy_prefix_text", activeConfig.privacy_policy_prefix_text);
+    const policyAnchorText = this.getTranslatedText("privacy_policy_anchor_text", activeConfig.privacy_policy_anchor_text);
+    this.privacyPolicyLinkEl = el("a", {
+      id: "privacy-policy-link",
+      href: activeConfig.privacy_policy_url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: { ...styles.link, color: linkColor, fontFamily: font },
+      "aria-label": "Privacy Policy (opens in new tab)"
+    });
+    this.privacyPolicyLinkEl.textContent = policyAnchorText;
+    const policySpan = el(
+      "span",
+      { id: "privacy-policy-text" },
+      `${policyPrefixText} `,
+      this.privacyPolicyLinkEl
+    );
+    const noticeAndPolicyP = el(
+      "p",
+      { style: baseTextStyle },
+      noticeTextSpan,
+      el("br"),
+      policySpan
+    );
+    this.purposeHeadingEl = el("h2", {
+      id: "purpose-section-heading",
+      style: { ...styles.subTitle, color: headingColor, fontFamily: font }
+    });
+    this.purposeHeadingEl.textContent = this.getTranslatedText("purpose_section_heading", activeConfig.purpose_section_heading);
+    this.middleSection.appendChild(noticeAndPolicyP);
+    this.middleSection.appendChild(this.purposeHeadingEl);
+    if (state.needsConsentPurposes.length > 0) {
+      this.purposeRefs = renderModalPurposes(state.needsConsentPurposes, {
+        selectedPurposes: state.selectedPurposes,
+        collapsedPurposes: state.collapsedPurposes,
+        selectedDataElements: state.selectedDataElements,
+        settings: settingsObj,
+        isMobile,
+        isAlreadyConsented: false,
+        getTranslatedText: (key, defaultText, itemId) => this.getTranslatedText(key, defaultText, itemId),
+        onPurposeToggle: (uuid) => this.handlePurposeCheckboxChange(uuid),
+        onPurposeCollapse: (uuid) => this.togglePurposeCollapse(uuid),
+        onDataElementToggle: (euuid, puuid) => this.handleDataElementCheckboxChange(euuid, puuid)
+      });
+      this.middleSection.appendChild(this.purposeRefs.container);
+    }
+    if (state.alreadyConsentedPurposes.length > 0) {
+      this.alreadyConsentedPurposeRefs = renderModalPurposes(state.alreadyConsentedPurposes, {
+        selectedPurposes: state.selectedPurposes,
+        collapsedPurposes: state.collapsedPurposes,
+        selectedDataElements: state.selectedDataElements,
+        initialDataElementSelections: state.initialDataElementSelections,
+        settings: settingsObj,
+        isMobile,
+        isAlreadyConsented: true,
+        getTranslatedText: (key, defaultText, itemId) => this.getTranslatedText(key, defaultText, itemId),
+        onPurposeToggle: () => {
+        },
+        onPurposeCollapse: (uuid) => this.togglePurposeCollapse(uuid),
+        onDataElementToggle: () => {
+        }
+      });
+      this.middleSection.appendChild(this.alreadyConsentedPurposeRefs.container);
+    }
+    if (activeConfig.privacy_center_url || activeConfig.dpo_info) {
+      const footerDiv = el("div", {
+        style: {
+          ...baseTextStyle,
+          fontSize: isMobile ? "13px" : "14px",
+          lineHeight: "1.4",
+          borderTop: "1px solid rgba(152, 162, 179, 0.3)",
+          paddingTop: "12px",
+          marginTop: "12px"
+        }
+      });
+      const footerP = el("p", { style: { margin: "0", opacity: "0.6" } });
+      if (activeConfig.privacy_center_url) {
+        if (activeConfig.additional_text) {
+          const addlSpan = el("span", { id: "additional-text" });
+          addlSpan.textContent = this.getTranslatedText("additional_text", activeConfig.additional_text);
+          footerP.appendChild(addlSpan);
+          footerP.appendChild(document.createTextNode(" "));
+        }
+        const pcAnchorText = this.getTranslatedText("privacy_center_anchor_text", activeConfig.privacy_center_anchor_text || "Privacy Center");
+        this.privacyCenterLinkEl = el("a", {
+          id: "privacy-center-link",
+          href: activeConfig.privacy_center_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          style: { ...styles.link, color: linkColor, fontFamily: font }
+        });
+        this.privacyCenterLinkEl.textContent = pcAnchorText;
+        footerP.appendChild(this.privacyCenterLinkEl);
+        footerP.appendChild(document.createTextNode("."));
+      }
+      if (activeConfig.dpo_info) {
+        const dpo = activeConfig.dpo_info;
+        if (activeConfig.privacy_center_url) {
+          footerP.appendChild(el("br"));
+        }
+        if (dpo.grievance_text) {
+          const gText = el("span", { id: "dpo-grievance-text" });
+          gText.textContent = this.getTranslatedDpoText("grievance_text", dpo.grievance_text);
+          footerP.appendChild(gText);
+          footerP.appendChild(document.createTextNode(" "));
+          if (dpo.grievance_url) {
+            const gLink = el("a", {
+              id: "dpo-grievance-link",
+              href: dpo.grievance_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: { ...styles.link, color: linkColor, fontFamily: font }
+            });
+            gLink.textContent = this.getTranslatedDpoText("grievance_anchor_text", dpo.grievance_anchor_text);
+            footerP.appendChild(gLink);
+          }
+          if (dpo.grievance_email) {
+            footerP.appendChild(document.createTextNode(" "));
+            const connectorSpan = el("span", { id: "dpo-grievance-email-connector" });
+            connectorSpan.textContent = this.getTranslatedDpoText(
+              "grievance_email_connector_text",
+              dpo.grievance_email_connector_text || "or email to"
+            );
+            footerP.appendChild(connectorSpan);
+            footerP.appendChild(document.createTextNode(" "));
+            const emailLink = el("a", {
+              id: "dpo-grievance-email",
+              href: `mailto:${dpo.grievance_email}`,
+              style: { ...styles.link, color: linkColor, fontFamily: font }
+            });
+            emailLink.textContent = dpo.grievance_email;
+            footerP.appendChild(emailLink);
+          }
+        }
+        if (dpo.dp_board_text) {
+          footerP.appendChild(el("br"));
+          const dpText = el("span", { id: "dpo-dp-board-text" });
+          dpText.textContent = this.getTranslatedDpoText("dp_board_text", dpo.dp_board_text);
+          footerP.appendChild(dpText);
+          footerP.appendChild(document.createTextNode(" "));
+          if (dpo.dp_board_url) {
+            const dpLink = el("a", {
+              id: "dpo-dp-board-link",
+              href: dpo.dp_board_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: { ...styles.link, color: linkColor, fontFamily: font }
+            });
+            dpLink.textContent = this.getTranslatedDpoText("dp_board_anchor_text", dpo.dp_board_anchor_text);
+            footerP.appendChild(dpLink);
+          }
+        }
+        if (dpo.dpo_text) {
+          footerP.appendChild(el("br"));
+          const dpoTextSpan = el("span", { id: "dpo-dpo-text" });
+          dpoTextSpan.textContent = this.getTranslatedDpoText("dpo_text", dpo.dpo_text);
+          footerP.appendChild(dpoTextSpan);
+          footerP.appendChild(document.createTextNode(" "));
+          if (dpo.dpo_url) {
+            const dpoLink = el("a", {
+              id: "dpo-dpo-link",
+              href: dpo.dpo_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: { ...styles.link, color: linkColor, fontFamily: font }
+            });
+            dpoLink.textContent = this.getTranslatedDpoText("dpo_anchor_text", dpo.dpo_anchor_text);
+            footerP.appendChild(dpoLink);
+          }
+        }
+      }
+      footerDiv.appendChild(footerP);
+      this.middleSection.appendChild(footerDiv);
+    }
+    this.errorEl = el("div", {
+      role: "alert",
+      style: {
+        backgroundColor: "#FEE2E2",
+        color: "#DC2626",
+        padding: "12px",
+        borderRadius: "6px",
+        fontSize: "14px",
+        border: "1px solid #FCA5A5",
+        display: "none"
+      }
+    });
+    const acceptBtnText = state.isFullyConsentedReviewMode ? this.options.reviewModeButtonText || "Continue" : this.getTranslatedText("confirm_button_text", activeConfig.confirm_button_text);
+    const acceptStyle = {
+      ...styles.button,
+      ...styles.acceptButton,
+      backgroundColor: colors.acceptBg,
+      color: colors.acceptText,
+      borderRadius: colors.borderRadius,
+      fontSize: isMobile ? "14px" : "16px",
+      padding: isMobile ? "10px 20px" : "9px 45px"
+    };
+    this.acceptBtn = el("button", {
+      id: "confirm-button-text",
+      style: acceptStyle,
+      type: "button",
+      onClick: () => this.handleAccept()
+    });
+    this.acceptBtn.textContent = acceptBtnText;
+    const declineBtnText = this.getTranslatedText("decline_button_text", activeConfig.decline_button_text);
+    const declineStyle = {
+      ...styles.button,
+      ...styles.cancelButton,
+      backgroundColor: colors.declineBg,
+      color: colors.declineText,
+      borderColor: colors.declineBorder,
+      borderRadius: colors.borderRadius,
+      fontSize: isMobile ? "14px" : "16px",
+      padding: isMobile ? "10px 20px" : "9px 45px"
+    };
+    this.declineBtn = el("button", {
+      id: "decline-button-text",
+      style: declineStyle,
+      type: "button",
+      onClick: () => this.handleDecline()
+    });
+    if (!state.isFullyConsentedReviewMode) {
+      this.declineBtn.textContent = declineBtnText;
+    }
+    const bottomSection = el("div", { style: styles.bottomSection });
+    if (!state.isFullyConsentedReviewMode) {
+      bottomSection.appendChild(this.acceptBtn);
+      bottomSection.appendChild(this.declineBtn);
+    } else {
+      bottomSection.appendChild(this.acceptBtn);
+    }
+    const contentWrapper = el(
+      "div",
+      { style: styles.content },
+      topSection,
+      this.errorEl,
+      this.middleSection,
+      bottomSection
+    );
+    this.modalEl.appendChild(contentWrapper);
+    this.updateAcceptButtonState(state);
+    (_g = this.keyboardCleanup) == null ? void 0 : _g.call(this);
+    this.keyboardCleanup = setupKeyboardTrap(this.modalEl, () => this.handleDecline());
+  }
+  getLanguageCode(displayLanguage) {
+    var _a, _b;
+    const content = (_a = this.store.getState().content) == null ? void 0 : _a.detail.active_config;
+    if (!content) return "English";
+    if (displayLanguage === "English" || displayLanguage === "en" || displayLanguage === "EN") {
+      return "English";
+    }
+    if ((_b = content.supported_languages_and_translations) == null ? void 0 : _b[displayLanguage]) {
+      return displayLanguage;
+    }
+    return content.default_language === "en" || content.default_language === "EN" ? "English" : content.default_language || "English";
+  }
+  getTranslatedDpoText(key, defaultText) {
+    var _a;
+    const state = this.store.getState();
+    const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+    if (!content) return defaultText;
+    const lang = state.selectedLanguage;
+    if (lang === "English" || lang === "en" || lang === "EN") return defaultText;
+    const translations = content.supported_languages_and_translations;
+    if (!translations) return defaultText;
+    const translationMap = translations[lang];
+    if (!(translationMap == null ? void 0 : translationMap.dpo_info)) return defaultText;
+    const value = translationMap.dpo_info[key];
+    return typeof value === "string" && value ? value : defaultText;
+  }
+  renderError(message) {
+    if (!this.modalEl) return;
+    clearElement(this.modalEl);
+    const errorContent = el(
+      "div",
+      { style: { ...styles.content, alignItems: "center", justifyContent: "center" } },
+      el("div", {
+        role: "alert",
+        style: {
+          backgroundColor: "#FEE2E2",
+          color: "#DC2626",
+          padding: "16px",
+          borderRadius: "8px",
+          fontSize: "14px",
+          border: "1px solid #FCA5A5",
+          textAlign: "center",
+          maxWidth: "400px"
+        }
+      }, message)
+    );
+    this.modalEl.appendChild(errorContent);
+  }
+  getTranslatedText(key, defaultText, itemId) {
+    var _a, _b, _c;
+    const state = this.store.getState();
+    const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+    if (!content) return defaultText;
+    const lang = state.selectedLanguage;
+    if (lang === "English" || lang === "en" || lang === "EN") {
+      if (key === "privacy_policy_anchor_text" && content.privacy_policy_anchor_text) {
+        return content.privacy_policy_anchor_text;
+      }
+      return defaultText;
+    }
+    const translations = content.supported_languages_and_translations;
+    if (!translations) return defaultText;
+    const translationMap = translations[lang];
+    if (!translationMap) return defaultText;
+    if (itemId) {
+      if (key === "purposes.name" || key === "purposes.description") {
+        const purposeData = (_b = translationMap.purposes) == null ? void 0 : _b[itemId];
+        if (purposeData) {
+          if (typeof purposeData === "string") {
+            return key === "purposes.name" ? purposeData : defaultText;
+          }
+          return key === "purposes.name" ? purposeData.name || defaultText : purposeData.description || defaultText;
+        }
+        return defaultText;
+      }
+      if (key.startsWith("data_elements.")) {
+        return ((_c = translationMap.data_elements) == null ? void 0 : _c[itemId]) || defaultText;
+      }
+    }
+    const value = translationMap[key];
+    if (typeof value === "string" && value) return value;
+    return defaultText;
+  }
+  handleLanguageSelect(lang) {
+    this.store.setState({ selectedLanguage: lang });
+    this.rebuildUI();
+  }
+  togglePurposeCollapse(purposeUuid) {
+    const state = this.store.getState();
+    this.store.setState({
+      collapsedPurposes: {
+        ...state.collapsedPurposes,
+        [purposeUuid]: !state.collapsedPurposes[purposeUuid]
+      }
+    });
+  }
+  handlePurposeCheckboxChange(purposeUuid) {
+    var _a;
+    const state = this.store.getState();
+    const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+    if (!content) return;
+    const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
+    if (!purpose) return;
+    const newPurposeState = !state.selectedPurposes[purposeUuid];
+    const updatedElements = { ...state.selectedDataElements };
+    for (const de of purpose.data_elements) {
+      updatedElements[`${purposeUuid}-${de.uuid}`] = newPurposeState;
+    }
+    this.store.setState({
+      selectedPurposes: { ...state.selectedPurposes, [purposeUuid]: newPurposeState },
+      selectedDataElements: updatedElements
+    });
+  }
+  handleDataElementCheckboxChange(elementUuid, purposeUuid) {
+    var _a;
+    const state = this.store.getState();
+    const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+    if (!content) return;
+    const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
+    if (!purpose) return;
+    const combinedId = `${purposeUuid}-${elementUuid}`;
+    const newDataElements = {
+      ...state.selectedDataElements,
+      [combinedId]: !state.selectedDataElements[combinedId]
+    };
+    const requiredElements = purpose.data_elements.filter((el2) => el2.required);
+    let shouldCheckPurpose;
+    if (requiredElements.length > 0) {
+      shouldCheckPurpose = requiredElements.every(
+        (el2) => newDataElements[`${purposeUuid}-${el2.uuid}`]
+      );
+    } else {
+      shouldCheckPurpose = purpose.data_elements.some(
+        (el2) => newDataElements[`${purposeUuid}-${el2.uuid}`]
+      );
+    }
+    this.store.setState({
+      selectedDataElements: newDataElements,
+      selectedPurposes: { ...state.selectedPurposes, [purposeUuid]: shouldCheckPurpose }
+    });
+  }
+  async handleAccept() {
+    var _a, _b, _c;
+    const state = this.store.getState();
+    if (state.isSubmitting) return;
+    if (state.isFullyConsentedReviewMode) {
+      this.options.onAccept();
+      this.destroy();
+      return;
+    }
+    if (state.isMinorFlow && !state.verificationReference && !state.selfDeclaredAdult) {
+      this.store.setState({
+        errorMessage: "Guardian verification is required before consent can be submitted."
+      });
+      return;
+    }
+    const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+    if (!content) return;
+    this.abortController = new AbortController();
+    this.store.setState({ isSubmitting: true, isSubmittingAccept: true, errorMessage: null });
+    try {
+      const purposes = content.purposes.map((purpose) => {
+        const dataElements = purpose.data_elements.filter((de) => de.enabled).map((de) => ({
+          uuid: de.uuid,
+          name: de.name,
+          enabled: de.enabled,
+          required: de.required,
+          selected: state.selectedDataElements[`${purpose.uuid}-${de.uuid}`] || false
+        }));
+        return {
+          uuid: purpose.uuid,
+          name: purpose.name,
+          description: purpose.description,
+          selected: state.selectedPurposes[purpose.uuid] || false,
+          data_elements: dataElements
+        };
+      });
+      await submitConsentEvent({
+        accessToken: this.options.accessToken,
+        baseUrl: this.options.baseUrl,
+        noticeUuid: state.content.detail.uuid,
+        purposes,
+        declined: false,
+        meta_data: this.options.applicationId ? { specific_uuid: this.options.applicationId } : void 0,
+        guardianVerificationReference: state.verificationReference || void 0,
+        selfDeclaredAdult: state.selfDeclaredAdult || void 0,
+        signal: this.abortController.signal
+      });
+      this.options.onAccept();
+      this.destroy();
+    } catch (err) {
+      if (err.name === "AbortError") return;
+      const error = err;
+      const message = error.status === 409 ? "You have already provided consent." : error.status && error.status >= 500 ? "Server error: Please try again later." : error.message || "Failed to submit consent.";
+      this.store.setState({ errorMessage: message, isSubmitting: false, isSubmittingAccept: false });
+      (_c = (_b = this.options).onError) == null ? void 0 : _c.call(_b, error);
+    }
+  }
+  handleDecline() {
+    const state = this.store.getState();
+    if (state.isSubmitting) return;
+    this.stopPolling();
+    clearConsentState();
+    this.options.onDecline();
+    this.destroy();
+  }
+  updateCheckboxes(state) {
+    if (this.purposeRefs) {
+      for (const [key, checkbox] of this.purposeRefs.checkboxes) {
+        if (key in state.selectedPurposes) {
+          checkbox.checked = state.selectedPurposes[key] || false;
+        } else {
+          checkbox.checked = state.selectedDataElements[key] || false;
+        }
+      }
+    }
+    this.updateAcceptButtonState(state);
+  }
+  areAllRequiredChecked(state) {
+    var _a, _b;
+    const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+    if (!((_b = content == null ? void 0 : content.purposes) == null ? void 0 : _b.length)) return false;
+    return content.purposes.every((purpose) => {
+      const requiredElements = purpose.data_elements.filter((de) => de.required && de.enabled);
+      if (requiredElements.length === 0) return true;
+      return requiredElements.every(
+        (de) => state.selectedDataElements[`${purpose.uuid}-${de.uuid}`]
+      );
+    });
+  }
+  updateAcceptButtonState(state) {
+    if (!this.acceptBtn || state.isFullyConsentedReviewMode) return;
+    const allRequiredChecked = this.areAllRequiredChecked(state);
+    const disabled = !allRequiredChecked || state.isSubmittingAccept || state.isSubmittingDecline;
+    this.acceptBtn.disabled = disabled;
+    this.acceptBtn.style.opacity = disabled ? "0.5" : "1";
+    this.acceptBtn.style.cursor = disabled ? "not-allowed" : "pointer";
+  }
+  updateCollapseState(state) {
+    const updateRefs = (refs) => {
+      var _a, _b;
+      if (!refs) return;
+      for (const [purposeUuid, container] of refs.dataElementContainers) {
+        const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+        const purpose = content == null ? void 0 : content.purposes.find((p) => p.uuid === purposeUuid);
+        const isCollapsed = state.collapsedPurposes[purposeUuid];
+        container.style.display = !isCollapsed && ((_b = purpose == null ? void 0 : purpose.data_elements) == null ? void 0 : _b.length) ? "flex" : "none";
+        const chevron = refs.chevrons.get(purposeUuid);
+        if (chevron) {
+          chevron.style.transform = !isCollapsed ? "rotate(90deg)" : "rotate(0deg)";
+        }
+        const collapseBtn = refs.collapseButtons.get(purposeUuid);
+        if (collapseBtn) {
+          collapseBtn.setAttribute("aria-expanded", String(!isCollapsed));
+        }
+      }
+    };
+    updateRefs(this.purposeRefs);
+    updateRefs(this.alreadyConsentedPurposeRefs);
+  }
+  updateErrorMessage(state) {
+    if (!this.errorEl) return;
+    if (state.errorMessage) {
+      this.errorEl.textContent = state.errorMessage;
+      this.errorEl.style.display = "block";
+    } else {
+      this.errorEl.style.display = "none";
+    }
+  }
+  // ─── Age Verification Handlers ───
+  handleAgeVerificationYes() {
+    this.store.setState({
+      isMinorFlow: false,
+      selfDeclaredAdult: true,
+      showAgeVerification: false
+    });
+  }
+  handleAgeVerificationNo() {
+    this.store.setState({
+      showAgeVerification: false,
+      showGuardianForm: true
+    });
+  }
+  // ─── Guardian Form Handlers ───
+  async handleGuardianFormSubmit() {
+    const state = this.store.getState();
+    const errors = validateGuardianForm(state.guardianFormData);
+    if (Object.keys(errors).length > 0) {
+      if (this.guardianFormRefs) {
+        if (errors.guardianName) {
+          this.guardianFormRefs.nameError.textContent = errors.guardianName;
+          this.guardianFormRefs.nameError.style.display = "block";
+        }
+        if (errors.guardianContact) {
+          this.guardianFormRefs.contactError.textContent = errors.guardianContact;
+          this.guardianFormRefs.contactError.style.display = "block";
+        }
+        if (errors.guardianRelationship) {
+          this.guardianFormRefs.relationshipError.textContent = errors.guardianRelationship;
+          this.guardianFormRefs.relationshipError.style.display = "block";
+        }
+      }
+      return;
+    }
+    this.store.setState({ isInitiatingVerification: true });
+    const digilockerMode = this.options.digilockerMode || "redirect";
+    const callbackUrl = digilockerMode === "popup" ? new URL(this.options.digilockerCallbackUrl || "/digilocker-callback", window.location.origin).href : void 0;
+    try {
+      const response = await initiateGuardianVerification({
+        accessToken: this.options.accessToken,
+        baseUrl: this.options.baseUrl,
+        guardianName: state.guardianFormData.guardianName,
+        guardianContact: state.guardianFormData.guardianContact,
+        guardianRelationship: state.guardianFormData.guardianRelationship,
+        frontendCallbackUrl: callbackUrl
+      });
+      if (response.already_verified && response.verification_reference) {
+        this.store.setState({
+          verificationReference: response.verification_reference,
+          showGuardianForm: false,
+          showVerificationScreen: true,
+          isInitiatingVerification: false,
+          isVerificationComplete: true
+        });
+        setTimeout(() => {
+          this.store.setState({
+            showVerificationScreen: false,
+            isVerificationComplete: false
+          });
+        }, 1e3);
+        return;
+      }
+      saveConsentState({
+        flowState: "digilocker-pending",
+        sessionToken: response.session_token,
+        guardianInfoUuid: response.guardian_info_uuid,
+        selectedPurposes: state.selectedPurposes,
+        selectedDataElements: state.selectedDataElements,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        originalUrl: window.location.href,
+        noticeId: this.options.noticeId,
+        baseUrl: this.options.baseUrl
+      });
+      this.store.setState({
+        showGuardianForm: false,
+        showVerificationScreen: true,
+        isInitiatingVerification: true,
+        isPollingStatus: false
+      });
+      if (digilockerMode === "popup" && response.digilocker_redirect_url) {
+        const popup = window.open(
+          response.digilocker_redirect_url,
+          "digilocker_verification",
+          "width=600,height=700,scrollbars=yes,resizable=yes"
+        );
+        if (popup) {
+          this.verificationPopup = popup;
+          this.startPopupMonitoring(popup);
+        } else {
+          this.store.setState({
+            isInitiatingVerification: false,
+            verificationError: "Popup blocked. Please allow popups for this site.",
+            canRetryVerification: true
+          });
+          return;
+        }
+      } else if (response.digilocker_redirect_url) {
+        const openedWindow = window.open(response.digilocker_redirect_url, "_blank");
+        if (!openedWindow) {
+          this.store.setState({
+            isInitiatingVerification: false,
+            verificationError: "Unable to open DigiLocker. Please allow popups.",
+            canRetryVerification: true
+          });
+          return;
+        }
+        try {
+          openedWindow.opener = null;
+        } catch {
+        }
+      }
+      this.store.setState({
+        isInitiatingVerification: false,
+        isPollingStatus: true
+      });
+      this.startStatusPolling(response.session_token);
+    } catch (error) {
+      this.store.setState({ isInitiatingVerification: false });
+      const err = error;
+      if (this.guardianFormRefs) {
+        this.guardianFormRefs.generalError.textContent = err.message || "Failed to initiate verification.";
+        this.guardianFormRefs.generalError.style.display = "block";
+      }
+    }
+  }
+  // ─── Verification Polling ───
+  startStatusPolling(token) {
+    this.verificationSessionToken = token;
+    let attempts = 0;
+    let consecutiveErrors = 0;
+    let paused = false;
+    const MAX_ATTEMPTS = 40;
+    const MAX_CONSECUTIVE_ERRORS = 3;
+    const POLL_INTERVAL = 3e3;
+    const poll = async () => {
+      var _a;
+      if (paused) return;
+      attempts++;
+      if (attempts > MAX_ATTEMPTS) {
+        this.stopPolling();
+        this.store.setState({
+          verificationError: "Verification is taking longer than expected. Please try again.",
+          verificationErrorCode: "SESSION_EXPIRED",
+          canRetryVerification: true,
+          isPollingStatus: false
+        });
+        return;
+      }
+      try {
+        const response = await verifyGuardianStatus({
+          accessToken: this.options.accessToken,
+          baseUrl: this.options.baseUrl,
+          sessionToken: token
+        });
+        consecutiveErrors = 0;
+        if (response.status === "verified") {
+          this.stopPolling();
+          const ref = response.verification_reference || ((_a = response.guardian_details) == null ? void 0 : _a.verification_reference);
+          if (!ref) {
+            this.store.setState({
+              verificationError: "Verification completed but no reference received. Please try again.",
+              canRetryVerification: true,
+              isPollingStatus: false
+            });
+            return;
+          }
+          this.store.setState({
+            verificationReference: ref,
+            isVerificationComplete: true,
+            isPollingStatus: false
+          });
+          clearConsentState();
+          return;
+        }
+        if (response.status === "failed" || response.status === "expired") {
+          this.stopPolling();
+          this.store.setState({
+            verificationError: getVerificationErrorMessage(response.error_code, response.error),
+            verificationErrorCode: response.error_code,
+            canRetryVerification: response.can_retry,
+            isPollingStatus: false
+          });
+          return;
+        }
+        if (!paused) {
+          this.statusPollTimeout = setTimeout(poll, POLL_INTERVAL);
+        }
+      } catch (error) {
+        const err = error;
+        if (err.status === 404 || err.status === 410) {
+          this.stopPolling();
+          this.store.setState({
+            verificationError: "Verification session not found or expired.",
+            verificationErrorCode: "SESSION_EXPIRED",
+            canRetryVerification: true,
+            isPollingStatus: false
+          });
+          return;
+        }
+        consecutiveErrors++;
+        if (consecutiveErrors >= MAX_CONSECUTIVE_ERRORS) {
+          this.stopPolling();
+          this.store.setState({
+            verificationError: err.message || "Unable to check verification status.",
+            canRetryVerification: true,
+            isPollingStatus: false
+          });
+          return;
+        }
+        this.statusPollTimeout = setTimeout(poll, POLL_INTERVAL);
+      }
+    };
+    this.visibilityChangeHandler = () => {
+      if (document.hidden) {
+        paused = true;
+        if (this.statusPollTimeout) {
+          clearTimeout(this.statusPollTimeout);
+          this.statusPollTimeout = null;
+        }
+      } else {
+        paused = false;
+        poll();
+      }
+    };
+    document.addEventListener("visibilitychange", this.visibilityChangeHandler);
+    this.statusPollTimeout = setTimeout(poll, POLL_INTERVAL);
+  }
+  stopPolling() {
+    var _a;
+    if (this.statusPollTimeout) {
+      clearTimeout(this.statusPollTimeout);
+      this.statusPollTimeout = null;
+    }
+    if (this.popupCheckInterval) {
+      clearInterval(this.popupCheckInterval);
+      this.popupCheckInterval = null;
+    }
+    if (this.visibilityChangeHandler) {
+      document.removeEventListener("visibilitychange", this.visibilityChangeHandler);
+      this.visibilityChangeHandler = null;
+    }
+    (_a = this.verificationPopup) == null ? void 0 : _a.close();
+    this.verificationPopup = null;
+  }
+  startPopupMonitoring(popup) {
+    this.popupCheckInterval = setInterval(() => {
+      if (popup.closed) {
+        if (this.popupCheckInterval) {
+          clearInterval(this.popupCheckInterval);
+          this.popupCheckInterval = null;
+        }
+      }
+    }, 500);
+  }
+  // ─── Verification Screen Handlers ───
+  handleVerificationContinue() {
+    this.store.setState({
+      showVerificationScreen: false,
+      isVerificationComplete: false
+    });
+  }
+  handleVerificationRetry() {
+    this.store.setState({
+      showVerificationScreen: false,
+      showGuardianForm: true,
+      verificationError: null,
+      verificationErrorCode: null,
+      canRetryVerification: false,
+      isVerificationComplete: false
+    });
+  }
+  handleChangeGuardian() {
+    this.store.setState({
+      showVerificationScreen: false,
+      showGuardianForm: true,
+      verificationError: null,
+      verificationErrorCode: null,
+      canRetryVerification: false,
+      isVerificationComplete: false,
+      guardianFormData: { guardianName: "", guardianContact: "", guardianRelationship: "" }
+    });
+  }
+  // ─── TTS ───
+  updateTTSButton() {
+    var _a, _b, _c;
+    if (!this.ttsButton) return;
+    if (this.ttsManager.isAvailable) {
+      this.ttsButton.style.display = "flex";
+      clearElement(this.ttsButton);
+      const strokeColor = ((_c = (_b = (_a = this.options.settings) == null ? void 0 : _a.button) == null ? void 0 : _b.language) == null ? void 0 : _c.textColor) || "currentColor";
+      if (this.ttsManager.isPlaying) {
+        const pauseSvg = svg(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: strokeColor,
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          },
+          svg("rect", { x: "6", y: "4", width: "4", height: "16" }),
+          svg("rect", { x: "14", y: "4", width: "4", height: "16" })
+        );
+        this.ttsButton.appendChild(pauseSvg);
+        this.ttsButton.setAttribute("aria-label", "Pause audio playback");
+        this.ttsButton.setAttribute("title", "Pause Talkback");
+      } else {
+        const speakerSvg = svg(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: strokeColor,
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          },
+          svg("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+          svg("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+        );
+        this.ttsButton.appendChild(speakerSvg);
+        this.ttsButton.setAttribute("aria-label", this.ttsManager.isPaused ? "Resume audio playback" : "Start audio playback");
+        this.ttsButton.setAttribute("title", this.ttsManager.isPaused ? "Resume Talkback" : "Start Talkback");
+      }
+    }
+  }
+  updateButtonStates(state) {
+    var _a;
+    if (this.acceptBtn) {
+      if (state.isSubmittingAccept) {
+        this.acceptBtn.textContent = "Submitting...";
+        this.acceptBtn.disabled = true;
+        this.acceptBtn.style.opacity = "0.7";
+        this.acceptBtn.style.cursor = "not-allowed";
+      } else {
+        const content = (_a = state.content) == null ? void 0 : _a.detail.active_config;
+        this.acceptBtn.textContent = state.isFullyConsentedReviewMode ? this.options.reviewModeButtonText || "Continue" : this.getTranslatedText("confirm_button_text", (content == null ? void 0 : content.confirm_button_text) || "Accept");
+        this.acceptBtn.disabled = false;
+        this.acceptBtn.style.opacity = "1";
+        this.acceptBtn.style.cursor = "pointer";
+      }
+    }
+    if (this.declineBtn) {
+      this.declineBtn.disabled = state.isSubmitting;
+      this.declineBtn.style.opacity = state.isSubmitting ? "0.7" : "1";
+      this.declineBtn.style.cursor = state.isSubmitting ? "not-allowed" : "pointer";
+    }
+  }
+};
+
+// src/styles/inline.ts
+var inlineStyles = {
+  optionItem: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionLeft: {
+    display: "flex",
+    gap: "12px",
+    alignItems: "center",
+    cursor: "pointer",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionTextContainer: {
+    display: "flex",
+    flexDirection: "column",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  optionTitle: {
+    fontWeight: 500,
+    fontSize: "16px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#101828",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  optionDescription: {
+    fontWeight: 400,
+    fontSize: "12px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#475467",
+    verticalAlign: "middle",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  checkboxLarge: {
+    height: "20px",
+    width: "20px",
+    padding: "4px",
+    borderRadius: "5px",
+    border: "2px solid #d0d5dd",
+    margin: 0,
+    boxSizing: "border-box",
+    appearance: "none",
+    WebkitAppearance: "none",
+    MozAppearance: "none",
+    cursor: "pointer",
+    position: "relative",
+    backgroundColor: "transparent"
+  },
+  dataElementsContainer: {
+    marginLeft: "27px",
+    display: "flex",
+    flexDirection: "column",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box",
+    paddingLeft: "22px"
+  },
+  dataElementItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    justifyContent: "space-between",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box",
+    minHeight: "24px"
+  },
+  dataElementText: {
+    fontWeight: 400,
+    fontSize: "14px",
+    lineHeight: "150%",
+    letterSpacing: "0.2px",
+    color: "#344054",
+    margin: 0,
+    padding: 0,
+    textAlign: "left"
+  },
+  checkboxSmall: {
+    height: "16px",
+    width: "16px",
+    padding: "4px",
+    borderRadius: "5px",
+    border: "2px solid #d0d5dd",
+    margin: 0,
+    boxSizing: "border-box",
+    appearance: "none",
+    WebkitAppearance: "none",
+    MozAppearance: "none",
+    cursor: "pointer",
+    position: "relative",
+    backgroundColor: "transparent"
+  },
+  loadingContainer: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "2rem",
+    minHeight: "200px",
+    margin: 0,
+    boxSizing: "border-box"
+  },
+  loadingSpinner: {
+    width: "40px",
+    height: "40px",
+    border: "4px solid #f3f3f3",
+    borderTop: "4px solid #3498db",
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite",
+    marginBottom: "1rem",
+    boxSizing: "border-box"
+  }
+};
+
+// src/inline/purposes.ts
+function renderInlinePurposes(purposes, options) {
+  var _a;
+  const {
+    selectedPurposes,
+    collapsedPurposes,
+    selectedDataElements,
+    settings,
+    isMobile,
+    getTranslatedText,
+    onPurposeToggle,
+    onPurposeCollapse,
+    onDataElementToggle
+  } = options;
+  const checkboxes = /* @__PURE__ */ new Map();
+  const collapseButtons = /* @__PURE__ */ new Map();
+  const dataElementContainers = /* @__PURE__ */ new Map();
+  const chevrons = /* @__PURE__ */ new Map();
+  const titleElements = /* @__PURE__ */ new Map();
+  const descriptionElements = /* @__PURE__ */ new Map();
+  const dataElementLabels = /* @__PURE__ */ new Map();
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const container = el("div", {
+    style: { display: "flex", flexDirection: "column", gap: "16px" }
+  });
+  for (const purpose of purposes) {
+    const purposeWrapper = el("div");
+    const chevron = svg(
+      "svg",
+      {
+        width: "7",
+        height: "12",
+        viewBox: "0 0 7 12",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        stroke: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        style: {
+          transform: !collapsedPurposes[purpose.uuid] ? "rotate(90deg)" : "rotate(0deg)",
+          transition: "transform 0.3s ease"
+        },
+        "aria-hidden": "true"
+      },
+      svg("path", { d: "M1 1L6 6L1 11" })
+    );
+    chevrons.set(purpose.uuid, chevron);
+    const chevronContainer = el(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          marginLeft: "5px"
+        }
+      },
+      chevron
+    );
+    const titleEl = el("h2", {
+      style: {
+        ...inlineStyles.optionTitle,
+        fontSize: isMobile ? "14px" : "16px",
+        color: headingColor
+      }
+    });
+    titleEl.textContent = getTranslatedText("purposes.name", purpose.name, purpose.uuid);
+    titleElements.set(purpose.uuid, titleEl);
+    const descEl = el("h3", {
+      style: {
+        ...inlineStyles.optionDescription,
+        fontSize: isMobile ? "11px" : "12px",
+        color: textColor
+      }
+    });
+    descEl.textContent = getTranslatedText("purposes.description", purpose.description, purpose.uuid);
+    descriptionElements.set(purpose.uuid, descEl);
+    const textContainer = el("div", { style: inlineStyles.optionTextContainer }, titleEl, descEl);
+    const collapseBtn = el("div", {
+      style: inlineStyles.optionLeft,
+      role: "button",
+      tabIndex: "0",
+      "aria-expanded": String(!collapsedPurposes[purpose.uuid]),
+      "aria-controls": `purpose-${purpose.uuid}`,
+      "aria-label": `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)} details`,
+      onClick: () => onPurposeCollapse(purpose.uuid),
+      onKeydown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onPurposeCollapse(purpose.uuid);
+        }
+      }
+    }, chevronContainer, textContainer);
+    collapseButtons.set(purpose.uuid, collapseBtn);
+    const purposeCheckbox = el("input", {
+      type: "checkbox",
+      checked: selectedPurposes[purpose.uuid] || false,
+      "aria-label": `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`,
+      onChange: () => onPurposeToggle(purpose.uuid)
+    });
+    checkboxes.set(purpose.uuid, purposeCheckbox);
+    const optionRow = el("div", { style: inlineStyles.optionItem }, collapseBtn, purposeCheckbox);
+    const deContainer = el("div", {
+      id: `purpose-${purpose.uuid}`,
+      style: inlineStyles.dataElementsContainer
+    });
+    if (purpose.data_elements && purpose.data_elements.length > 0) {
+      for (const dataElement of purpose.data_elements) {
+        const combinedId = `${purpose.uuid}-${dataElement.uuid}`;
+        const labelSpan = el("span", {
+          style: {
+            ...inlineStyles.dataElementText,
+            fontSize: isMobile ? "12px" : "14px",
+            color: textColor
+          }
+        });
+        labelSpan.textContent = getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid);
+        dataElementLabels.set(combinedId, labelSpan);
+        if (dataElement.required) {
+          const asterisk = el("span", {
+            style: { color: "red", marginLeft: "4px" },
+            "aria-label": "required"
+          });
+          asterisk.textContent = "*";
+          labelSpan.appendChild(asterisk);
+        }
+        const deCheckbox = el("input", {
+          type: "checkbox",
+          checked: selectedDataElements[combinedId] || false,
+          "aria-label": `Select ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}${dataElement.required ? " (required)" : ""}`,
+          onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid)
+        });
+        checkboxes.set(combinedId, deCheckbox);
+        const deRow = el("div", { style: inlineStyles.dataElementItem }, labelSpan, deCheckbox);
+        deContainer.appendChild(deRow);
+      }
+    }
+    dataElementContainers.set(purpose.uuid, deContainer);
+    if (!collapsedPurposes[purpose.uuid] && ((_a = purpose.data_elements) == null ? void 0 : _a.length) > 0) {
+      deContainer.style.display = "flex";
+    } else {
+      deContainer.style.display = "none";
+    }
+    purposeWrapper.appendChild(optionRow);
+    purposeWrapper.appendChild(deContainer);
+    container.appendChild(purposeWrapper);
+  }
+  return {
+    container,
+    checkboxes,
+    collapseButtons,
+    dataElementContainers,
+    chevrons,
+    titleElements,
+    descriptionElements,
+    dataElementLabels
+  };
+}
+
+// src/inline/index.ts
+var InlineController = class {
+  constructor(options) {
+    this.targetEl = null;
+    this.rootEl = null;
+    this.purposeRefs = null;
+    this.errorEl = null;
+    this.hasSubmitted = false;
+    this.unsubscribe = null;
+    this.options = options;
+    this.store = new Store({
+      content: null,
+      isLoading: true,
+      isSubmitting: false,
+      selectedLanguage: options.language || "en",
+      collapsedPurposes: {},
+      selectedPurposes: {},
+      selectedDataElements: {},
+      hasAlreadyConsented: false,
+      fetchError: null,
+      errorMessage: null
+    });
+    this.mediaQuery = createMediaQuery("(max-width: 768px)");
+  }
+  async init() {
+    injectCheckboxStyles();
+    if (typeof this.options.target === "string") {
+      this.targetEl = document.querySelector(this.options.target);
+      if (!this.targetEl) {
+        throw new Error(`Target element not found: ${this.options.target}`);
+      }
+    } else {
+      this.targetEl = this.options.target;
+    }
+    this.unsubscribe = this.store.subscribe((state, prevState) => {
+      this.handleStateChange(state, prevState);
+    });
+    this.mediaQuery.subscribe(() => this.rebuildUI());
+    this.renderLoading();
+    await this.fetchNotice();
+  }
+  destroy() {
+    var _a;
+    (_a = this.unsubscribe) == null ? void 0 : _a.call(this);
+    this.mediaQuery.destroy();
+    this.store.destroy();
+    if (this.targetEl && this.rootEl) {
+      this.targetEl.removeChild(this.rootEl);
+    }
+    this.rootEl = null;
+    this.purposeRefs = null;
+  }
+  updateToken(accessToken) {
+    this.options = { ...this.options, accessToken };
+    this.tryAutoSubmit();
+  }
+  // ─── Private ───
+  async fetchNotice() {
+    var _a, _b, _c, _d;
+    this.store.setState({ isLoading: true, fetchError: null });
+    try {
+      const data = await fetchConsentContentPublic({
+        org_uuid: this.options.org_uuid,
+        workspace_uuid: this.options.workspace_uuid,
+        notice_uuid: this.options.notice_uuid,
+        baseUrl: this.options.baseUrl,
+        language: this.options.language,
+        specific_uuid: this.options.applicationId
+      });
+      const activeConfig = data.detail.active_config;
+      const initialCollapsed = {};
+      const initialPurposes = {};
+      const initialElements = {};
+      for (const purpose of activeConfig.purposes) {
+        initialCollapsed[purpose.uuid] = true;
+        initialPurposes[purpose.uuid] = false;
+        for (const de of purpose.data_elements) {
+          initialElements[`${purpose.uuid}-${de.uuid}`] = false;
+        }
+      }
+      this.store.setState({
+        content: activeConfig,
+        isLoading: false,
+        selectedLanguage: activeConfig.default_language || this.options.language || "en",
+        collapsedPurposes: initialCollapsed,
+        selectedPurposes: initialPurposes,
+        selectedDataElements: initialElements
+      });
+    } catch (err) {
+      const error = err;
+      if (error.status === 409) {
+        this.store.setState({ hasAlreadyConsented: true, isLoading: false });
+        (_b = (_a = this.options).onAccept) == null ? void 0 : _b.call(_a);
+      } else {
+        this.store.setState({ fetchError: error, isLoading: false });
+        (_d = (_c = this.options).onError) == null ? void 0 : _d.call(_c, error);
+      }
+    }
+  }
+  handleStateChange(state, prevState) {
+    if (prevState.isLoading && !state.isLoading && state.content) {
+      this.rebuildUI();
+    }
+    if (state.hasAlreadyConsented || state.fetchError) {
+      if (this.rootEl && this.targetEl) {
+        this.targetEl.removeChild(this.rootEl);
+        this.rootEl = null;
+      }
+      return;
+    }
+    if (state.selectedPurposes !== prevState.selectedPurposes || state.selectedDataElements !== prevState.selectedDataElements) {
+      this.updateCheckboxes(state);
+      this.notifyValidation(state);
+      this.tryAutoSubmit();
+    }
+    if (state.collapsedPurposes !== prevState.collapsedPurposes) {
+      this.updateCollapseState(state);
+    }
+    if (state.errorMessage !== prevState.errorMessage) {
+      this.updateErrorMessage(state);
+    }
+  }
+  renderLoading() {
+    var _a;
+    if (!this.targetEl) return;
+    const textColor = ((_a = this.options.settings) == null ? void 0 : _a.textColor) || "#344054";
+    this.rootEl = el(
+      "div",
+      { style: inlineStyles.loadingContainer },
+      el("div", { style: inlineStyles.loadingSpinner }),
+      el("p", { style: { fontSize: "16px", fontWeight: 400, color: textColor } }, "Loading...")
+    );
+    this.targetEl.appendChild(this.rootEl);
+  }
+  rebuildUI() {
+    const state = this.store.getState();
+    if (!state.content || !this.targetEl) return;
+    if (this.rootEl && this.targetEl.contains(this.rootEl)) {
+      this.targetEl.removeChild(this.rootEl);
+    }
+    this.errorEl = el("div", {
+      role: "alert",
+      style: {
+        backgroundColor: "#FEE2E2",
+        color: "#DC2626",
+        padding: "12px",
+        borderRadius: "6px",
+        fontSize: "14px",
+        border: "1px solid #FCA5A5",
+        display: state.errorMessage ? "block" : "none"
+      }
+    });
+    if (state.errorMessage) {
+      this.errorEl.textContent = state.errorMessage;
+    }
+    this.purposeRefs = renderInlinePurposes(state.content.purposes, {
+      selectedPurposes: state.selectedPurposes,
+      collapsedPurposes: state.collapsedPurposes,
+      selectedDataElements: state.selectedDataElements,
+      settings: this.options.settings,
+      isMobile: this.mediaQuery.matches,
+      getTranslatedText: (key, defaultText, itemId) => this.getTranslatedText(key, defaultText, itemId),
+      onPurposeToggle: (uuid) => this.handlePurposeCheckboxChange(uuid),
+      onPurposeCollapse: (uuid) => this.togglePurposeCollapse(uuid),
+      onDataElementToggle: (elementUuid, purposeUuid) => this.handleDataElementCheckboxChange(elementUuid, purposeUuid)
+    });
+    this.rootEl = el(
+      "div",
+      { style: { display: "flex", flexDirection: "column", gap: "16px" } },
+      this.errorEl,
+      this.purposeRefs.container
+    );
+    this.targetEl.appendChild(this.rootEl);
+    this.notifyValidation(state);
+  }
+  getTranslatedText(key, defaultText, itemId) {
+    var _a, _b;
+    const state = this.store.getState();
+    const content = state.content;
+    if (!content) return defaultText;
+    const lang = state.selectedLanguage;
+    if (lang === "English" || lang === "en" || lang === "EN") {
+      if (key === "privacy_policy_anchor_text" && content.privacy_policy_anchor_text) {
+        return content.privacy_policy_anchor_text;
+      }
+      return defaultText;
+    }
+    const translations = content.supported_languages_and_translations;
+    if (!translations) return defaultText;
+    const translationMap = translations[lang];
+    if (!translationMap) return defaultText;
+    if (itemId) {
+      if (key === "purposes.name" || key === "purposes.description") {
+        const purposeData = (_a = translationMap.purposes) == null ? void 0 : _a[itemId];
+        if (purposeData) {
+          if (typeof purposeData === "string") {
+            return key === "purposes.name" ? purposeData : defaultText;
+          }
+          return key === "purposes.name" ? purposeData.name || defaultText : purposeData.description || defaultText;
+        }
+        return defaultText;
+      }
+      if (key.startsWith("data_elements.")) {
+        return ((_b = translationMap.data_elements) == null ? void 0 : _b[itemId]) || defaultText;
+      }
+    }
+    const value = translationMap[key];
+    if (typeof value === "string" && value) return value;
+    return defaultText;
+  }
+  togglePurposeCollapse(purposeUuid) {
+    const state = this.store.getState();
+    this.store.setState({
+      collapsedPurposes: {
+        ...state.collapsedPurposes,
+        [purposeUuid]: !state.collapsedPurposes[purposeUuid]
+      }
+    });
+  }
+  handlePurposeCheckboxChange(purposeUuid) {
+    const state = this.store.getState();
+    const content = state.content;
+    if (!content) return;
+    const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
+    if (!purpose) return;
+    const newPurposeState = !state.selectedPurposes[purposeUuid];
+    const updatedElements = { ...state.selectedDataElements };
+    for (const de of purpose.data_elements) {
+      updatedElements[`${purposeUuid}-${de.uuid}`] = newPurposeState;
+    }
+    this.store.setState({
+      selectedPurposes: { ...state.selectedPurposes, [purposeUuid]: newPurposeState },
+      selectedDataElements: updatedElements
+    });
+  }
+  handleDataElementCheckboxChange(elementUuid, purposeUuid) {
+    const state = this.store.getState();
+    const content = state.content;
+    if (!content) return;
+    const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
+    if (!purpose) return;
+    const combinedId = `${purposeUuid}-${elementUuid}`;
+    const newElementState = !state.selectedDataElements[combinedId];
+    const newDataElements = {
+      ...state.selectedDataElements,
+      [combinedId]: newElementState
+    };
+    const requiredElements = purpose.data_elements.filter((el2) => el2.required);
+    let shouldCheckPurpose;
+    if (requiredElements.length > 0) {
+      shouldCheckPurpose = requiredElements.every(
+        (el2) => newDataElements[`${purposeUuid}-${el2.uuid}`]
+      );
+    } else {
+      shouldCheckPurpose = purpose.data_elements.some(
+        (el2) => newDataElements[`${purposeUuid}-${el2.uuid}`]
+      );
+    }
+    this.store.setState({
+      selectedDataElements: newDataElements,
+      selectedPurposes: { ...state.selectedPurposes, [purposeUuid]: shouldCheckPurpose }
+    });
+  }
+  updateCheckboxes(state) {
+    if (!this.purposeRefs) return;
+    for (const [key, checkbox] of this.purposeRefs.checkboxes) {
+      if (key in state.selectedPurposes) {
+        checkbox.checked = state.selectedPurposes[key] || false;
+      } else {
+        checkbox.checked = state.selectedDataElements[key] || false;
+      }
+    }
+  }
+  updateCollapseState(state) {
+    var _a;
+    if (!this.purposeRefs) return;
+    for (const [purposeUuid, container] of this.purposeRefs.dataElementContainers) {
+      const content = this.store.getState().content;
+      const purpose = content == null ? void 0 : content.purposes.find((p) => p.uuid === purposeUuid);
+      const isCollapsed = state.collapsedPurposes[purposeUuid];
+      container.style.display = !isCollapsed && ((_a = purpose == null ? void 0 : purpose.data_elements) == null ? void 0 : _a.length) ? "flex" : "none";
+      const chevron = this.purposeRefs.chevrons.get(purposeUuid);
+      if (chevron) {
+        chevron.style.transform = !isCollapsed ? "rotate(90deg)" : "rotate(0deg)";
+      }
+      const collapseBtn = this.purposeRefs.collapseButtons.get(purposeUuid);
+      if (collapseBtn) {
+        collapseBtn.setAttribute("aria-expanded", String(!isCollapsed));
+      }
+    }
+  }
+  updateErrorMessage(state) {
+    if (!this.errorEl) return;
+    if (state.errorMessage) {
+      this.errorEl.textContent = state.errorMessage;
+      this.errorEl.style.display = "block";
+    } else {
+      this.errorEl.style.display = "none";
+    }
+  }
+  areAllRequiredElementsChecked() {
+    const state = this.store.getState();
+    const content = state.content;
+    if (!content) return false;
+    return content.purposes.every((purpose) => {
+      const requiredElements = purpose.data_elements.filter((el2) => el2.required);
+      return requiredElements.every(
+        (el2) => state.selectedDataElements[`${purpose.uuid}-${el2.uuid}`]
+      );
+    });
+  }
+  notifyValidation(state) {
+    var _a, _b;
+    const isValid = this.areAllRequiredElementsChecked();
+    (_b = (_a = this.options).onValidationChange) == null ? void 0 : _b.call(_a, isValid);
+  }
+  async tryAutoSubmit() {
+    var _a, _b;
+    const state = this.store.getState();
+    const accessToken = this.options.accessToken;
+    if (accessToken && state.content && this.areAllRequiredElementsChecked() && !state.isSubmitting && !this.hasSubmitted) {
+      this.hasSubmitted = true;
+      try {
+        await this.handleSubmit(accessToken);
+      } catch (err) {
+        this.hasSubmitted = false;
+        (_b = (_a = this.options).onError) == null ? void 0 : _b.call(_a, err);
+      }
+    }
+  }
+  async handleSubmit(tokenToUse) {
+    var _a, _b;
+    const state = this.store.getState();
+    const content = state.content;
+    if (!tokenToUse || !content) {
+      this.store.setState({ errorMessage: "Unable to submit consent. Please try again." });
+      throw new Error("Access token or content not available");
+    }
+    try {
+      this.store.setState({ isSubmitting: true, errorMessage: null });
+      await submitConsentEventPublic({
+        org_uuid: this.options.org_uuid,
+        workspace_uuid: this.options.workspace_uuid,
+        accessToken: tokenToUse,
+        baseUrl: this.options.baseUrl,
+        noticeUuid: content.notice_uuid,
+        purposes: content.purposes.map((purpose) => {
+          const hasSelectedRequired = purpose.data_elements.some(
+            (el2) => el2.required && (state.selectedDataElements[`${purpose.uuid}-${el2.uuid}`] || false)
+          );
+          const hasSelectedAny = purpose.data_elements.some(
+            (el2) => state.selectedDataElements[`${purpose.uuid}-${el2.uuid}`] || false
+          );
+          const purposeSelected = state.selectedPurposes[purpose.uuid] || hasSelectedRequired || hasSelectedAny;
+          return {
+            ...purpose,
+            selected: purposeSelected,
+            data_elements: purpose.data_elements.map((element) => ({
+              ...element,
+              selected: state.selectedDataElements[`${purpose.uuid}-${element.uuid}`] || false
+            }))
+          };
+        }),
+        declined: false,
+        meta_data: this.options.applicationId ? { specific_uuid: this.options.applicationId } : void 0
+      });
+      (_b = (_a = this.options).onAccept) == null ? void 0 : _b.call(_a);
+      this.hasSubmitted = false;
+    } catch (error) {
+      const err = error;
+      const message = err.status === 500 ? "An error occurred while submitting your consent. Please try again later." : err.message || "Failed to submit consent. Please try again.";
+      this.store.setState({ errorMessage: message });
+      this.hasSubmitted = false;
+      throw error;
+    } finally {
+      this.store.setState({ isSubmitting: false });
+    }
+  }
+};
+
+// src/modal/digilocker-callback.ts
+function getErrorMessage(errorCode) {
+  switch (errorCode) {
+    case "GUARDIAN_UNDER_18":
+      return "Guardian verification failed: The guardian must be 18 years or older.";
+    case "SESSION_EXPIRED":
+      return "Verification session has expired. Please restart the verification process.";
+    case "TOKEN_FAILED":
+      return "DigiLocker authentication failed. Please try again.";
+    case "DIGILOCKER_AUTH_FAILED":
+      return "DigiLocker authorization was cancelled or failed. Please try again.";
+    case "NO_AUTH_CODE":
+      return "Missing authorization code from DigiLocker. Please try again.";
+    default:
+      return "Verification failed. Please try again.";
+  }
+}
+function handleDigilockerCallback(options) {
+  var _a, _b, _c;
+  injectCheckboxStyles();
+  const params = new URLSearchParams(window.location.search);
+  const sessionToken = params.get("session_token");
+  const urlStatus = params.get("status");
+  const verificationReference = params.get("verification_reference");
+  const errorCode = params.get("error_code");
+  const persistedState = getConsentState();
+  const originalUrl = (persistedState == null ? void 0 : persistedState.originalUrl) || "/";
+  const storedBaseUrl = persistedState == null ? void 0 : persistedState.baseUrl;
+  const storedSessionToken = persistedState == null ? void 0 : persistedState.sessionToken;
+  const activeSessionToken = sessionToken || storedSessionToken;
+  const apiBaseUrl = options.baseUrl || storedBaseUrl;
+  let isInIframe = false;
+  try {
+    isInIframe = window.self !== window.top;
+  } catch {
+    isInIframe = true;
+  }
+  const container = el("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "200px",
+      padding: "32px",
+      fontFamily: "system-ui, -apple-system, sans-serif"
+    }
+  });
+  const statusEl = el("p", {
+    style: { fontSize: "16px", fontWeight: 600, color: "#101828", textAlign: "center" }
+  });
+  statusEl.textContent = "Processing verification...";
+  const spinnerEl = el("div", {
+    style: {
+      width: "40px",
+      height: "40px",
+      border: "4px solid #f3f3f3",
+      borderTop: "4px solid #3498db",
+      borderRadius: "50%",
+      animation: "spin 1s linear infinite",
+      marginBottom: "16px"
+    }
+  });
+  container.appendChild(spinnerEl);
+  container.appendChild(statusEl);
+  document.body.appendChild(container);
+  const redirectToOriginal = (result, ref) => {
+    updateConsentState({
+      verificationResult: result,
+      verificationReference: ref,
+      flowState: result === "verified" ? "consent-form" : "error"
+    });
+    statusEl.textContent = result === "verified" ? "Verification successful! Redirecting..." : "Verification failed. Redirecting...";
+    spinnerEl.style.display = "none";
+    setTimeout(() => {
+      window.location.href = originalUrl;
+    }, 1500);
+  };
+  if (urlStatus === "verified" && verificationReference) {
+    if (isInIframe && window.parent) {
+      window.parent.postMessage({
+        type: "DIGILOCKER_VERIFICATION_STATUS",
+        status: "verified",
+        verificationReference
+      }, window.location.origin);
+      statusEl.textContent = "Verification successful!";
+      spinnerEl.style.display = "none";
+      return;
+    }
+    (_a = options.onSuccess) == null ? void 0 : _a.call(options, verificationReference);
+    redirectToOriginal("verified", verificationReference);
+    return;
+  }
+  if (urlStatus === "failed" || urlStatus === "expired") {
+    const errorMsg = getErrorMessage(errorCode);
+    if (isInIframe && window.parent) {
+      window.parent.postMessage({
+        type: "DIGILOCKER_VERIFICATION_STATUS",
+        status: urlStatus,
+        errorCode,
+        error: errorMsg
+      }, window.location.origin);
+      statusEl.textContent = errorMsg;
+      statusEl.style.color = "#DC2626";
+      spinnerEl.style.display = "none";
+      return;
+    }
+    (_b = options.onError) == null ? void 0 : _b.call(options, new Error(errorMsg), errorCode || void 0);
+    redirectToOriginal(urlStatus);
+    return;
+  }
+  if (!activeSessionToken) {
+    statusEl.textContent = "No verification session found.";
+    statusEl.style.color = "#DC2626";
+    spinnerEl.style.display = "none";
+    (_c = options.onError) == null ? void 0 : _c.call(options, new Error("No session token available"));
+    return;
+  }
+  let retryCount = 0;
+  const MAX_RETRIES = 3;
+  const pollStatus = async () => {
+    var _a2, _b2, _c2, _d, _e;
+    try {
+      const response = await verifyGuardianStatus({
+        accessToken: options.accessToken,
+        baseUrl: apiBaseUrl,
+        sessionToken: activeSessionToken
+      });
+      if (response.status === "verified") {
+        const ref = response.verification_reference || ((_a2 = response.guardian_details) == null ? void 0 : _a2.verification_reference);
+        if (isInIframe && window.parent) {
+          window.parent.postMessage({
+            type: "DIGILOCKER_VERIFICATION_STATUS",
+            status: "verified",
+            verificationReference: ref
+          }, window.location.origin);
+          statusEl.textContent = "Verification successful!";
+          spinnerEl.style.display = "none";
+          return;
+        }
+        if (ref) (_b2 = options.onSuccess) == null ? void 0 : _b2.call(options, ref);
+        redirectToOriginal("verified", ref || void 0);
+        return;
+      }
+      if (response.status === "failed" || response.status === "expired") {
+        const errorMsg = getVerificationError(response.error_code, response.error);
+        if (isInIframe && window.parent) {
+          window.parent.postMessage({
+            type: "DIGILOCKER_VERIFICATION_STATUS",
+            status: response.status,
+            errorCode: response.error_code,
+            error: errorMsg
+          }, window.location.origin);
+          statusEl.textContent = errorMsg;
+          statusEl.style.color = "#DC2626";
+          spinnerEl.style.display = "none";
+          return;
+        }
+        (_c2 = options.onError) == null ? void 0 : _c2.call(options, new Error(errorMsg), response.error_code || void 0);
+        redirectToOriginal(response.status);
+        return;
+      }
+      retryCount++;
+      if (retryCount > MAX_RETRIES) {
+        const timeoutMsg = "Verification is taking too long. Please return to the original page.";
+        statusEl.textContent = timeoutMsg;
+        statusEl.style.color = "#DC2626";
+        spinnerEl.style.display = "none";
+        (_d = options.onError) == null ? void 0 : _d.call(options, new Error(timeoutMsg));
+        redirectToOriginal("failed");
+        return;
+      }
+      const delay = 3e3 * Math.pow(2, retryCount - 1);
+      statusEl.textContent = "Still processing... Please wait.";
+      setTimeout(pollStatus, delay);
+    } catch (error) {
+      retryCount++;
+      if (retryCount > MAX_RETRIES) {
+        const errMsg = error.message || "Failed to check verification status.";
+        statusEl.textContent = errMsg;
+        statusEl.style.color = "#DC2626";
+        spinnerEl.style.display = "none";
+        (_e = options.onError) == null ? void 0 : _e.call(options, error);
+        redirectToOriginal("failed");
+        return;
+      }
+      const delay = 3e3 * Math.pow(2, retryCount - 1);
+      setTimeout(pollStatus, delay);
+    }
+  };
+  setTimeout(pollStatus, 3e3);
+}
+function getVerificationError(errorCode, fallbackError) {
+  return getErrorMessage(errorCode) || fallbackError || "Verification failed. Please try again.";
+}
+
+// src/index.ts
+var activeModal = null;
+var activeInline = null;
+function init(options) {
+  destroy();
+  activeModal = new ModalController(options);
+  activeModal.init().catch((err) => {
+    var _a;
+    (_a = options.onError) == null ? void 0 : _a.call(options, err);
+  });
+}
+function inline(options) {
+  if (activeInline) {
+    activeInline.destroy();
+    activeInline = null;
+  }
+  activeInline = new InlineController(options);
+  activeInline.init().catch((err) => {
+    var _a;
+    (_a = options.onError) == null ? void 0 : _a.call(options, err);
+  });
+}
+function destroy() {
+  if (activeModal) {
+    activeModal.destroy();
+    activeModal = null;
+  }
+  if (activeInline) {
+    activeInline.destroy();
+    activeInline = null;
+  }
+}
+function digilockerCallback(options) {
+  handleDigilockerCallback(options);
+}
+var RedactoConsent = {
+  init,
+  inline,
+  destroy,
+  digilockerCallback,
+  version: "0.1.0"
+};
+var src_default = RedactoConsent;