@redacto.io/consent-sdk-react 3.5.0 → 4.0.0

package/dist/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  DigiLockerCallback: () => DigiLockerCallback,
   RedactoNoticeConsent: () => RedactoNoticeConsent,
   RedactoNoticeConsentInline: () => RedactoConsentInline
 });
@@ -66,73 +67,66 @@ var fetchConsentContent = async ({
   validate_against = "all",
   include_fully_consented_data = false,
   signal
-  // AbortSignal for request cancellation
 }) => {
-  try {
-    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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
-    if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
-      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 cachedData = getCachedData(cacheKey);
-      if (cachedData) {
-        return cachedData;
-      }
-    }
-    const url = new URL(
-      `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/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,
-        "Content-Type": "application/json"
-      },
-      signal
-      // Add abort signal for request cancellation
-    });
-    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;
+  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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    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 cachedData = getCachedData(cacheKey);
+    if (cachedData) {
+      return cachedData;
     }
-    const data = await response.json();
-    if (validate_against === "all" && !specific_uuid) {
-      setCachedData(cacheKey, data);
+  }
+  const url = new URL(
+    `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/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";
     }
-    return data;
-  } catch (error) {
+    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 submitConsentEvent = async ({
   accessToken,
@@ -141,100 +135,151 @@ var submitConsentEvent = async ({
   purposes,
   declined,
   meta_data,
+  guardianVerificationReference,
+  selfDeclaredAdult,
   signal
-  // AbortSignal for request cancellation
 }) => {
-  try {
-    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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
-    if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
-      throw new Error("Invalid token: missing organization or workspace UUID");
+  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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    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 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 } : void 0
+    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 response = await fetch(
-      `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/submit-consent`,
-      {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${accessToken}`,
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(payload),
-        signal
-        // Add abort signal for request cancellation
-      }
-    );
-    if (!response.ok) {
-      let errorMessage = `Failed to submit consent: ${response.status} ${response.statusText}`;
-      if (response.status === 400) {
+  });
+  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/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/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;
+    } 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";
     }
-    apiCache.clear();
-  } catch (error) {
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  apiCache.clear();
+};
+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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    throw new Error("Invalid token: missing organization or workspace UUID");
+  }
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const url = `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/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;
   }
+  const data = await response.json();
+  return data;
 };
-var submitGuardianInfo = async ({
+var initiateGuardianVerification = async ({
   accessToken,
   baseUrl,
   guardianName,
   guardianContact,
   guardianRelationship,
+  frontendCallbackUrl,
+  metadata,
   signal
-  // AbortSignal for request cancellation
 }) => {
+  var _a;
   try {
     if (!accessToken) {
       throw new Error("accessToken is required");
     }
     if (!(guardianName == null ? void 0 : guardianName.trim())) {
-      throw new Error("guardianName is required and cannot be empty");
+      throw new Error("Guardian name is required");
     }
     if (!(guardianContact == null ? void 0 : guardianContact.trim())) {
-      throw new Error("guardianContact is required and cannot be empty");
+      throw new Error("Guardian contact is required");
     }
     if (!(guardianRelationship == null ? void 0 : guardianRelationship.trim())) {
-      throw new Error("guardianRelationship is required and cannot be empty");
+      throw new Error("Guardian relationship is required");
     }
     const decodedToken = decodeTokenSafely(accessToken);
     if (!decodedToken) {
@@ -244,14 +289,20 @@ var submitGuardianInfo = async ({
     if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
       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()
     };
-    const apiBaseUrl = baseUrl || BASE_URL;
+    if (frontendCallbackUrl) {
+      payload.frontend_callback_url = frontendCallbackUrl;
+    }
+    if (metadata) {
+      payload.metadata = metadata;
+    }
     const response = await fetch(
-      `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/guardian-info`,
+      `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/guardian/initiate-verification`,
       {
         method: "POST",
         headers: {
@@ -260,24 +311,26 @@ var submitGuardianInfo = async ({
         },
         body: JSON.stringify(payload),
         signal
-        // Add abort signal for request cancellation
       }
     );
     if (!response.ok) {
-      let errorMessage = `Failed to submit guardian info: ${response.status} ${response.statusText}`;
+      let errorMessage = `Failed to initiate verification: ${response.status} ${response.statusText}`;
       if (response.status === 400) {
-        errorMessage = "Invalid request data";
+        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 = "Organization or workspace not found";
       } else if (response.status === 422) {
         try {
           const errorData = await response.json();
-          errorMessage = errorData.message || "Validation error";
-        } catch (parseError) {
+          errorMessage = errorData.message || "Validation error: Please check your input";
+        } catch {
           errorMessage = "Validation error: Please check your input";
         }
       } else if (response.status >= 500) {
@@ -287,63 +340,98 @@ var submitGuardianInfo = async ({
       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
+    };
   } catch (error) {
-    console.error("Error submitting guardian info:", error instanceof Error ? error.message : error);
+    console.error("Error initiating guardian verification:", error instanceof Error ? error.message : error);
     throw error;
   }
 };
-var fetchTTSAudioUrls = async ({
+var verifyGuardianStatus = async ({
   accessToken,
   baseUrl,
-  noticeUuid,
-  language,
+  sessionToken,
   signal
-  // AbortSignal for request cancellation
 }) => {
-  try {
-    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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
-    if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
-      throw new Error("Invalid token: missing organization or workspace UUID");
-    }
-    const apiBaseUrl = baseUrl || BASE_URL;
-    const url = `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/notices/${noticeUuid}/audio/${language}`;
-    const response = await fetch(url, {
-      method: "GET",
+  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: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    throw new Error("Invalid token: missing organization or workspace UUID");
+  }
+  const apiBaseUrl = baseUrl || BASE_URL;
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/guardian/verify-status`,
+    {
+      method: "POST",
       headers: {
         Authorization: `Bearer ${accessToken}`,
-        Accept: "application/json",
         "Content-Type": "application/json"
       },
+      body: JSON.stringify({
+        session_token: sessionToken
+      }),
       signal
-      // Add abort signal for request cancellation
-    });
-    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";
+    }
+  );
+  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";
       }
-      const error = new Error(errorMessage);
-      error.status = response.status;
-      throw error;
+    } 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 data = await response.json();
-    return data;
-  } catch (error) {
+    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/RedactoNoticeConsent/assets/redacto-logo.png
@@ -491,6 +579,17 @@ var injectCheckboxStyles = () => {
       outline: 3px solid #FFF9C4 !important;
       outline-offset: 2px !important;
     }
+
+    /* Spinner animation for verification screens */
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+
+    /* DigiLocker callback retry button hover */
+    .redacto-dl-retry-btn:hover {
+      background-color: #2563eb !important;
+    }
   `;
   document.head.appendChild(style);
   stylesInjected = true;
@@ -873,6 +972,69 @@ var useMediaQuery = (query) => {
   return matches;
 };
 
+// src/RedactoNoticeConsent/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/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var PurposeItem = ({
@@ -1180,6 +1342,12 @@ var PurposeItem = ({
     )
   ] }, purpose.uuid);
 };
+var RELATIONSHIP_OPTIONS = [
+  { value: "Father", label: "Father" },
+  { value: "Mother", label: "Mother" },
+  { value: "Legal Guardian", label: "Legal Guardian" },
+  { value: "Grandparent", label: "Grandparent" }
+];
 var GuardianForm = ({
   formData,
   errors,
@@ -1196,34 +1364,128 @@ var GuardianForm = ({
   declineButtonStyle,
   logoUrl
 }) => {
+  var _a, _b, _c, _d, _e;
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react2.useState)(false);
+  const [focusedIndex, setFocusedIndex] = (0, import_react2.useState)(-1);
+  const [openUpward, setOpenUpward] = (0, import_react2.useState)(false);
+  const dropdownRef = (0, import_react2.useRef)(null);
+  const optionsRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!isDropdownOpen) return;
+    const handleClickOutside = (e) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+        setIsDropdownOpen(false);
+        setFocusedIndex(-1);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isDropdownOpen]);
+  (0, import_react2.useEffect)(() => {
+    if (!isDropdownOpen || !dropdownRef.current) return;
+    const rect = dropdownRef.current.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - rect.bottom;
+    const dropdownHeight = 220;
+    setOpenUpward(spaceBelow < dropdownHeight && rect.top > dropdownHeight);
+  }, [isDropdownOpen]);
+  const handleSelect = (value) => {
+    onChange("guardianRelationship", value);
+    setIsDropdownOpen(false);
+    setFocusedIndex(-1);
+  };
+  const handleKeyDown = (e) => {
+    if (!isDropdownOpen) {
+      if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+        e.preventDefault();
+        setIsDropdownOpen(true);
+        setFocusedIndex(0);
+      }
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        setFocusedIndex((prev) => Math.min(prev + 1, RELATIONSHIP_OPTIONS.length - 1));
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        setFocusedIndex((prev) => Math.max(prev - 1, 0));
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        if (focusedIndex >= 0) handleSelect(RELATIONSHIP_OPTIONS[focusedIndex].value);
+        break;
+      case "Escape":
+      case "Tab":
+        setIsDropdownOpen(false);
+        setFocusedIndex(-1);
+        break;
+    }
+  };
+  (0, import_react2.useEffect)(() => {
+    var _a2;
+    if (focusedIndex >= 0 && optionsRef.current) {
+      const option = optionsRef.current.children[focusedIndex];
+      (_a2 = option == null ? void 0 : option.scrollIntoView) == null ? void 0 : _a2.call(option, { block: "nearest" });
+    }
+  }, [focusedIndex]);
+  const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const bgColor = (settings == null ? void 0 : settings.backgroundColor) || "#ffffff";
+  const radius = (settings == null ? void 0 : settings.borderRadius) || "8px";
+  const font = (settings == null ? void 0 : settings.font) || "inherit";
   const inputStyle = {
     width: "100%",
     padding: "10px 12px",
-    border: `1px solid ${(settings == null ? void 0 : settings.borderColor) || "#d0d5dd"}`,
-    borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px",
+    border: `1px solid ${borderColor}`,
+    borderRadius: radius,
     fontSize: "13px",
-    fontFamily: (settings == null ? void 0 : settings.font) || "inherit",
-    color: (settings == null ? void 0 : settings.textColor) || "#344054",
-    backgroundColor: (settings == null ? void 0 : settings.backgroundColor) || "#ffffff",
-    marginBottom: "4px",
-    boxSizing: "border-box"
+    fontFamily: font,
+    color: textColor,
+    backgroundColor: bgColor,
+    marginBottom: "2px",
+    boxSizing: "border-box",
+    outline: "none"
   };
   const errorStyle = {
     color: "#DC2626",
-    fontSize: "12px",
+    fontSize: "11px",
     marginTop: "4px",
-    marginBottom: "16px"
+    marginBottom: "0px"
   };
   const labelStyle = {
     ...componentTextStyle,
     fontSize: "13px",
     fontWeight: "500",
-    marginBottom: "6px",
+    marginBottom: "4px",
     display: "block"
   };
+  const hintStyle = {
+    fontSize: "11px",
+    color: "#667085",
+    marginTop: "2px",
+    marginBottom: "0px",
+    lineHeight: "1.4"
+  };
+  const infoBannerStyle = {
+    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"
+  };
+  const selectedLabel = (_a = RELATIONSHIP_OPTIONS.find((o) => o.value === formData.guardianRelationship)) == null ? void 0 : _a.label;
+  const hasError = Boolean(errors.guardianRelationship);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles3.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles3.topLeft, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style: styles3.logo, src: logoUrl, alt: "Redacto Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style: styles3.logo, src: logoUrl, alt: "Logo" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "h2",
         {
@@ -1235,7 +1497,7 @@ var GuardianForm = ({
             fontSize: "16px",
             fontWeight: 600
           },
-          children: "Guardian Information Required"
+          children: "Guardian Verification"
         }
       )
     ] }) }),
@@ -1255,31 +1517,49 @@ var GuardianForm = ({
                 ...styles3.privacyText,
                 ...responsiveStyles.privacyText,
                 ...componentTextStyle,
-                fontSize: "14px",
-                lineHeight: "1.4"
+                fontSize: "13px",
+                lineHeight: "1.5",
+                marginBottom: "12px"
               },
-              children: "As you are under the age of consent, we need to collect information about your legal guardian to proceed."
+              children: "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before you can proceed."
             }
           ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: infoBannerStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "#2563EB",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                style: { flexShrink: 0, marginTop: "1px" },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "The guardian's name will be matched against their DigiLocker identity document (e.g. Aadhaar). Please enter the name exactly as it appears on the document." })
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "div",
             {
               style: {
                 display: "flex",
                 flexDirection: "column",
-                gap: "12px",
-                marginTop: "16px"
+                gap: "14px"
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "label",
-                    {
-                      htmlFor: "guardianName",
-                      style: { ...labelStyle, marginBottom: "8px", display: "block" },
-                      children: "Name of Guardian *"
-                    }
-                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "guardianName", style: labelStyle, children: [
+                    "Guardian's Full Name ",
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                  ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "input",
                     {
@@ -1289,62 +1569,170 @@ var GuardianForm = ({
                       onChange: (e) => onChange("guardianName", e.target.value),
                       style: {
                         ...inputStyle,
-                        borderColor: errors.guardianName ? "#DC2626" : inputStyle.border
+                        borderColor: errors.guardianName ? "#DC2626" : borderColor
                       },
-                      placeholder: "Enter guardian's full name"
+                      placeholder: "e.g. Rajesh Kumar",
+                      autoComplete: "name",
+                      "aria-describedby": "guardianName-hint"
                     }
                   ),
-                  errors.guardianName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, children: errors.guardianName })
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "guardianName-hint", style: hintStyle, children: "Enter the full name as per government ID (Aadhaar, PAN, etc.)" }),
+                  errors.guardianName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianName })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "label",
-                    {
-                      htmlFor: "guardianContact",
-                      style: { ...labelStyle, marginBottom: "8px", display: "block" },
-                      children: "Contact of Guardian *"
-                    }
-                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "guardianContact", style: labelStyle, children: [
+                    "Guardian's Phone Number ",
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                  ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "input",
                     {
                       id: "guardianContact",
-                      type: "text",
+                      type: "tel",
+                      inputMode: "tel",
                       value: formData.guardianContact,
                       onChange: (e) => onChange("guardianContact", e.target.value),
                       style: {
                         ...inputStyle,
-                        borderColor: errors.guardianContact ? "#DC2626" : inputStyle.border
+                        borderColor: errors.guardianContact ? "#DC2626" : borderColor
                       },
-                      placeholder: "Enter guardian's email or phone number"
+                      placeholder: "e.g. 9876543210",
+                      autoComplete: "tel",
+                      "aria-describedby": "guardianContact-hint"
                     }
                   ),
-                  errors.guardianContact && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, children: errors.guardianContact })
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "guardianContact-hint", style: hintStyle, children: "Mobile number linked to guardian's Aadhaar" }),
+                  errors.guardianContact && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianContact })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "label",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: dropdownRef, style: { position: "relative" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { id: "guardianRelationship-label", style: labelStyle, children: [
+                    "Relationship ",
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "div",
                     {
-                      htmlFor: "guardianRelationship",
-                      style: { ...labelStyle, marginBottom: "8px", display: "block" },
-                      children: "Relationship to Guardian *"
+                      role: "combobox",
+                      "aria-expanded": isDropdownOpen,
+                      "aria-haspopup": "listbox",
+                      "aria-labelledby": "guardianRelationship-label",
+                      "aria-controls": "guardianRelationship-listbox",
+                      "aria-activedescendant": focusedIndex >= 0 ? `guardianRelationship-option-${focusedIndex}` : void 0,
+                      tabIndex: 0,
+                      onClick: () => {
+                        setIsDropdownOpen((prev) => !prev);
+                        setFocusedIndex(-1);
+                      },
+                      onKeyDown: handleKeyDown,
+                      style: {
+                        ...inputStyle,
+                        borderColor: hasError ? "#DC2626" : isDropdownOpen ? ((_c = (_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) == null ? void 0 : _c.backgroundColor) || "#3b82f6" : borderColor,
+                        boxShadow: isDropdownOpen ? `0 0 0 1px ${((_e = (_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.accept) == null ? void 0 : _e.backgroundColor) || "#3b82f6"}` : "none",
+                        color: selectedLabel ? textColor : "#9CA3AF",
+                        cursor: "pointer",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        userSelect: "none",
+                        transition: "border-color 0.15s, box-shadow 0.15s"
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedLabel || "Select relationship" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "svg",
+                          {
+                            width: "14",
+                            height: "14",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "#667085",
+                            strokeWidth: "2",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            style: {
+                              flexShrink: 0,
+                              marginLeft: "8px",
+                              transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
+                              transition: "transform 0.2s"
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+                          }
+                        )
+                      ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "input",
+                  isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
                     {
-                      id: "guardianRelationship",
-                      type: "text",
-                      value: formData.guardianRelationship,
-                      onChange: (e) => onChange("guardianRelationship", e.target.value),
+                      ref: optionsRef,
+                      id: "guardianRelationship-listbox",
+                      role: "listbox",
+                      "aria-labelledby": "guardianRelationship-label",
                       style: {
-                        ...inputStyle,
-                        borderColor: errors.guardianRelationship ? "#DC2626" : inputStyle.border
+                        position: "absolute",
+                        ...openUpward ? { bottom: "calc(100% + 4px)" } : { top: "calc(100% + 4px)" },
+                        left: 0,
+                        right: 0,
+                        backgroundColor: bgColor,
+                        border: `1px solid ${borderColor}`,
+                        borderRadius: radius,
+                        boxShadow: openUpward ? "0 -4px 12px rgba(0, 0, 0, 0.1), 0 -1px 3px rgba(0, 0, 0, 0.06)" : "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"
                       },
-                      placeholder: "e.g., Parent, Legal Guardian, etc."
+                      children: RELATIONSHIP_OPTIONS.map((option, index) => {
+                        var _a2, _b2;
+                        const isSelected = formData.guardianRelationship === option.value;
+                        const isFocused = focusedIndex === index;
+                        const accentColor = ((_b2 = (_a2 = settings == null ? void 0 : settings.button) == null ? void 0 : _a2.accept) == null ? void 0 : _b2.backgroundColor) || "#3b82f6";
+                        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                          "div",
+                          {
+                            id: `guardianRelationship-option-${index}`,
+                            role: "option",
+                            "aria-selected": isSelected,
+                            onClick: () => handleSelect(option.value),
+                            onMouseEnter: () => setFocusedIndex(index),
+                            style: {
+                              padding: "9px 12px",
+                              fontSize: "13px",
+                              fontFamily: font,
+                              color: isSelected ? accentColor : textColor,
+                              backgroundColor: isFocused ? "#F3F4F6" : "transparent",
+                              cursor: "pointer",
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "space-between",
+                              transition: "background-color 0.1s"
+                            },
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.label }),
+                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                "svg",
+                                {
+                                  width: "14",
+                                  height: "14",
+                                  viewBox: "0 0 24 24",
+                                  fill: "none",
+                                  stroke: accentColor,
+                                  strokeWidth: "2.5",
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round",
+                                  style: { flexShrink: 0 },
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                                }
+                              )
+                            ]
+                          },
+                          option.value
+                        );
+                      })
                     }
                   ),
-                  errors.guardianRelationship && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, children: errors.guardianRelationship })
+                  errors.guardianRelationship && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianRelationship })
                 ] })
               ]
             }
@@ -1355,7 +1743,7 @@ var GuardianForm = ({
               role: "alert",
               style: {
                 color: "#DC2626",
-                fontSize: "14px",
+                fontSize: "13px",
                 marginTop: "16px",
                 padding: "12px",
                 borderRadius: "6px",
@@ -1391,8 +1779,8 @@ var GuardianForm = ({
               onClick: onNext,
               disabled: isSubmitting,
               type: "button",
-              "aria-label": isSubmitting ? "Submitting guardian information" : "Submit guardian information and proceed",
-              children: isSubmitting ? "Submitting..." : "Next"
+              "aria-label": isSubmitting ? "Verifying guardian identity" : "Proceed to guardian verification",
+              children: isSubmitting ? "Verifying..." : "Verify via DigiLocker"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1406,7 +1794,7 @@ var GuardianForm = ({
               },
               onClick: onDecline,
               type: "button",
-              "aria-label": "Cancel guardian information form",
+              "aria-label": "Cancel",
               children: "Cancel"
             }
           )
@@ -1415,6 +1803,266 @@ var GuardianForm = ({
     )
   ] });
 };
+var VerificationScreen = ({
+  onBack,
+  onContinue,
+  isInitiating,
+  isPolling,
+  isVerificationComplete,
+  isAutoTransitioning,
+  error,
+  errorCode,
+  canRetry,
+  styles: styles3,
+  responsiveStyles,
+  settings,
+  componentHeadingStyle,
+  componentTextStyle,
+  acceptButtonStyle,
+  declineButtonStyle,
+  logoUrl
+}) => {
+  var _a, _b;
+  const errorStyle = {
+    color: "#DC2626",
+    fontSize: "14px",
+    marginTop: "16px",
+    padding: "12px",
+    borderRadius: "6px",
+    border: "1px solid #FCA5A5",
+    backgroundColor: "#FEF2F2",
+    textAlign: "center"
+  };
+  const statusStyle = {
+    color: "#059669",
+    fontSize: "14px",
+    marginTop: "16px",
+    padding: "12px",
+    borderRadius: "6px",
+    border: "1px solid #A7F3D0",
+    backgroundColor: "#D1FAE5",
+    textAlign: "center"
+  };
+  const spinnerStyle = {
+    width: "48px",
+    height: "48px",
+    border: "4px solid #e5e7eb",
+    borderTopColor: ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) == null ? void 0 : _b.backgroundColor) || "#3b82f6",
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite",
+    margin: "24px auto"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles3.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles3.topLeft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { style: styles3.logo, src: logoUrl, alt: "Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "h2",
+        {
+          id: "verification-title",
+          style: {
+            ...styles3.title,
+            ...responsiveStyles.title,
+            ...componentHeadingStyle,
+            fontSize: "16px",
+            fontWeight: 600
+          },
+          children: "Guardian Verification"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          ...styles3.middleSection,
+          ...responsiveStyles.middleSection,
+          ...componentTextStyle,
+          textAlign: "center"
+        },
+        children: [
+          isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+                flex: 1
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    style: {
+                      width: "64px",
+                      height: "64px",
+                      borderRadius: "50%",
+                      backgroundColor: "#D1FAE5",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "svg",
+                      {
+                        width: "32",
+                        height: "32",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "#059669",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "p",
+                  {
+                    style: {
+                      ...componentHeadingStyle,
+                      fontSize: "16px",
+                      fontWeight: 600,
+                      lineHeight: "1.5",
+                      marginTop: "12px",
+                      marginBottom: "24px"
+                    },
+                    children: "Verification Completed"
+                  }
+                )
+              ]
+            }
+          ) : (isInitiating || isPolling) && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: spinnerStyle }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: statusStyle, children: isInitiating ? "Opening DigiLocker in a new tab..." : "Please complete the verification in the DigiLocker tab. This page will update automatically when verification is complete." })
+          ] }) : null,
+          error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                style: {
+                  width: "64px",
+                  height: "64px",
+                  borderRadius: "50%",
+                  backgroundColor: "#fee2e2",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  margin: "24px auto"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "svg",
+                  {
+                    width: "32",
+                    height: "32",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "#dc2626",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "p",
+              {
+                style: {
+                  ...styles3.privacyText,
+                  ...responsiveStyles.privacyText,
+                  ...componentTextStyle,
+                  fontSize: "14px",
+                  lineHeight: "1.5",
+                  marginBottom: "12px"
+                },
+                children: "Verification failed"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: errorStyle, children: error })
+          ] })
+        ]
+      }
+    ),
+    isAutoTransitioning ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        style: {
+          ...styles3.bottomSection,
+          ...responsiveStyles.bottomSection,
+          ...componentTextStyle,
+          paddingTop: "12px",
+          display: "flex",
+          gap: "12px",
+          justifyContent: "center"
+        },
+        children: isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            style: {
+              ...styles3.button,
+              ...responsiveStyles.button,
+              ...acceptButtonStyle
+            },
+            onClick: onContinue,
+            type: "button",
+            "aria-label": "Continue to consent form",
+            children: "Continue"
+          }
+        ) : error && canRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            style: {
+              ...styles3.button,
+              ...responsiveStyles.button,
+              ...styles3.acceptButton,
+              ...acceptButtonStyle
+            },
+            onClick: () => onBack(errorCode === "GUARDIAN_UNDER_18"),
+            type: "button",
+            "aria-label": errorCode === "GUARDIAN_UNDER_18" ? "Change guardian details" : "Try verification again",
+            children: errorCode === "GUARDIAN_UNDER_18" ? "Change Guardian" : "Try Again"
+          }
+        ) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            style: {
+              ...styles3.button,
+              ...responsiveStyles.button,
+              ...styles3.cancelButton,
+              ...declineButtonStyle
+            },
+            onClick: () => onBack(false),
+            type: "button",
+            "aria-label": "Go back",
+            children: "Go Back"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            style: {
+              ...styles3.button,
+              ...responsiveStyles.button,
+              ...styles3.cancelButton,
+              ...declineButtonStyle
+            },
+            onClick: () => onBack(false),
+            type: "button",
+            "aria-label": "Cancel verification",
+            children: "Cancel"
+          }
+        )
+      }
+    )
+  ] });
+};
 var AgeVerification = ({
   onYes,
   onNo,
@@ -1577,6 +2225,10 @@ var RedactoNoticeConsent = ({
   settings,
   applicationId,
   validateAgainst = "all",
+  digilockerMode = "redirect",
+  // Default to full page redirect (DigiLocker blocks iframe embedding)
+  digilockerCallbackUrl = "/digilocker-callback",
+  // Default callback path
   includeFullyConsentedData = false,
   reviewModeButtonText = "Continue"
 }) => {
@@ -1632,6 +2284,8 @@ var RedactoNoticeConsent = ({
   const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react2.useState)(0);
   const [highlightedElementId, setHighlightedElementId] = (0, import_react2.useState)(null);
   const [showAgeVerification, setShowAgeVerification] = (0, import_react2.useState)(false);
+  const [isMinorFlow, setIsMinorFlow] = (0, import_react2.useState)(false);
+  const [selfDeclaredAdult, setSelfDeclaredAdult] = (0, import_react2.useState)(false);
   const [showGuardianForm, setShowGuardianForm] = (0, import_react2.useState)(false);
   const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react2.useState)(false);
   const [guardianFormData, setGuardianFormData] = (0, import_react2.useState)({
@@ -1640,12 +2294,32 @@ var RedactoNoticeConsent = ({
     guardianRelationship: ""
   });
   const [guardianFormErrors, setGuardianFormErrors] = (0, import_react2.useState)({});
+  const [showVerificationScreen, setShowVerificationScreen] = (0, import_react2.useState)(false);
+  const [verificationReference, setVerificationReference] = (0, import_react2.useState)(null);
+  const [isInitiatingVerification, setIsInitiatingVerification] = (0, import_react2.useState)(false);
+  const [verificationError, setVerificationError] = (0, import_react2.useState)(
+    null
+  );
+  const [verificationErrorCode, setVerificationErrorCode] = (0, import_react2.useState)(null);
+  const [canRetryVerification, setCanRetryVerification] = (0, import_react2.useState)(false);
+  const [isPollingStatus, setIsPollingStatus] = (0, import_react2.useState)(false);
+  const [isVerificationComplete, setIsVerificationComplete] = (0, import_react2.useState)(false);
+  const [isAutoTransitioning, setIsAutoTransitioning] = (0, import_react2.useState)(false);
   const modalRef = (0, import_react2.useRef)(null);
   const firstFocusableRef = (0, import_react2.useRef)(null);
   const lastFocusableRef = (0, import_react2.useRef)(null);
   const abortControllerRef = (0, import_react2.useRef)(null);
   const isRequestInProgressRef = (0, import_react2.useRef)(false);
   const currentAudioRef = (0, import_react2.useRef)(null);
+  const popupCheckIntervalRef = (0, import_react2.useRef)(null);
+  const statusPollIntervalRef = (0, import_react2.useRef)(null);
+  const verificationPopupRef = (0, import_react2.useRef)(null);
+  const pollingCleanupRef = (0, import_react2.useRef)(null);
+  const autoTransitionTimerRef = (0, import_react2.useRef)(null);
+  const digilockerRedirectTimeoutRef = (0, import_react2.useRef)(null);
+  const isInitialMountRef = (0, import_react2.useRef)(true);
+  const isPollingStatusRef = (0, import_react2.useRef)(false);
+  const verificationSessionTokenRef = (0, import_react2.useRef)(null);
   const isMobile = useMediaQuery("(max-width: 768px)");
   const responsiveStyles = (0, import_react2.useMemo)(
     () => ({
@@ -1753,6 +2427,7 @@ var RedactoNoticeConsent = ({
   }, [content, selectedDataElements]);
   const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked;
   (0, import_react2.useEffect)(() => {
+    var _a2, _b2;
     clearApiCache();
     isRequestInProgressRef.current = false;
     setContent(null);
@@ -1768,6 +2443,8 @@ var RedactoNoticeConsent = ({
     setIsSubmittingAccept(false);
     setIsSubmittingDecline(false);
     setShowAgeVerification(false);
+    setIsMinorFlow(false);
+    setSelfDeclaredAdult(false);
     setShowGuardianForm(false);
     setIsSubmittingGuardian(false);
     setGuardianFormData({
@@ -1776,6 +2453,41 @@ var RedactoNoticeConsent = ({
       guardianRelationship: ""
     });
     setGuardianFormErrors({});
+    setShowVerificationScreen(false);
+    setVerificationReference(null);
+    setIsInitiatingVerification(false);
+    setVerificationError(null);
+    setVerificationErrorCode(null);
+    setCanRetryVerification(false);
+    setIsVerificationComplete(false);
+    setIsAutoTransitioning(false);
+    setIsPollingStatus(false);
+    isPollingStatusRef.current = false;
+    verificationSessionTokenRef.current = null;
+    if (popupCheckIntervalRef.current) {
+      clearInterval(popupCheckIntervalRef.current);
+      popupCheckIntervalRef.current = null;
+    }
+    if (statusPollIntervalRef.current) {
+      clearTimeout(statusPollIntervalRef.current);
+      statusPollIntervalRef.current = null;
+    }
+    (_a2 = pollingCleanupRef.current) == null ? void 0 : _a2.call(pollingCleanupRef);
+    pollingCleanupRef.current = null;
+    (_b2 = verificationPopupRef.current) == null ? void 0 : _b2.close();
+    verificationPopupRef.current = null;
+    if (autoTransitionTimerRef.current) {
+      clearTimeout(autoTransitionTimerRef.current);
+      autoTransitionTimerRef.current = null;
+    }
+    if (digilockerRedirectTimeoutRef.current) {
+      clearTimeout(digilockerRedirectTimeoutRef.current);
+      digilockerRedirectTimeoutRef.current = null;
+    }
+    if (!isInitialMountRef.current) {
+      clearConsentState();
+    }
+    isInitialMountRef.current = false;
   }, [accessToken]);
   (0, import_react2.useEffect)(() => {
     if (hasAlreadyConsented) {
@@ -1984,7 +2696,11 @@ var RedactoNoticeConsent = ({
         setInitialDataElementSelections({});
       }
       if (consentContentData.detail.is_minor) {
-        setShowAgeVerification(true);
+        setIsMinorFlow(true);
+        const persistedState = getConsentState();
+        if (!(persistedState == null ? void 0 : persistedState.sessionToken) && !(persistedState == null ? void 0 : persistedState.verificationReference)) {
+          setShowAgeVerification(true);
+        }
       }
       setIsLoading(false);
     } catch (err) {
@@ -2083,6 +2799,10 @@ var RedactoNoticeConsent = ({
   const handleAccept = async () => {
     const submitController = new AbortController();
     try {
+      if (isMinorFlow && !verificationReference) {
+        setErrorMessage("Guardian verification is required before consent can be submitted.");
+        return;
+      }
       setIsSubmittingAccept(true);
       setIsSubmitting(true);
       setErrorMessage(null);
@@ -2118,6 +2838,8 @@ var RedactoNoticeConsent = ({
           }),
           declined: false,
           meta_data: applicationId ? { specific_uuid: applicationId } : void 0,
+          guardianVerificationReference: verificationReference || void 0,
+          selfDeclaredAdult: selfDeclaredAdult || void 0,
           signal: submitController.signal
         });
       }
@@ -2182,17 +2904,102 @@ var RedactoNoticeConsent = ({
     try {
       setIsSubmittingGuardian(true);
       setGuardianFormErrors({});
-      await submitGuardianInfo({
+      setVerificationError(null);
+      const callbackUrl = digilockerMode === "popup" ? new URL(digilockerCallbackUrl, window.location.origin).href : void 0;
+      const response = await initiateGuardianVerification({
         accessToken,
         baseUrl,
         guardianName: guardianFormData.guardianName,
         guardianContact: guardianFormData.guardianContact,
         guardianRelationship: guardianFormData.guardianRelationship,
+        frontendCallbackUrl: callbackUrl,
+        // Only for popup mode
         signal: guardianController.signal
       });
+      setIsSubmittingGuardian(false);
+      if (response.already_verified && response.verification_reference) {
+        setVerificationReference(response.verification_reference);
+        setShowGuardianForm(false);
+        setShowVerificationScreen(true);
+        setIsInitiatingVerification(false);
+        setIsVerificationComplete(true);
+        setIsAutoTransitioning(true);
+        autoTransitionTimerRef.current = setTimeout(() => {
+          setShowVerificationScreen(false);
+          setIsVerificationComplete(false);
+          setIsAutoTransitioning(false);
+          autoTransitionTimerRef.current = null;
+        }, 1e3);
+        return;
+      }
+      if (!response.session_token || !response.digilocker_redirect_url) {
+        throw new Error("Invalid response from server: missing required fields");
+      }
       setShowGuardianForm(false);
+      setShowVerificationScreen(true);
+      setIsInitiatingVerification(true);
+      if (digilockerMode === "redirect") {
+        saveConsentState({
+          flowState: "digilocker-pending",
+          sessionToken: response.session_token,
+          guardianInfoUuid: response.guardian_info_uuid,
+          selectedPurposes,
+          selectedDataElements,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          originalUrl: window.location.href,
+          noticeId,
+          baseUrl
+        });
+        try {
+          const openedWindow = window.open(
+            response.digilocker_redirect_url,
+            "_blank"
+          );
+          if (!openedWindow) {
+            console.warn("Popup blocked \u2014 cannot open DigiLocker in new tab");
+            setIsInitiatingVerification(false);
+            setVerificationError(
+              "Unable to open DigiLocker in a new tab. Please allow popups for this site and try again."
+            );
+            return;
+          }
+          try {
+            openedWindow.opener = null;
+          } catch {
+          }
+        } catch (error) {
+          console.error("Failed to open DigiLocker in new tab:", error);
+          setIsInitiatingVerification(false);
+          setVerificationError(
+            "Unable to open DigiLocker. Please allow popups for this site and try again."
+          );
+          return;
+        }
+        setIsInitiatingVerification(false);
+        setIsPollingStatus(true);
+        isPollingStatusRef.current = true;
+        startStatusPolling(response.session_token);
+      } else {
+        setIsInitiatingVerification(true);
+        const popup = window.open(
+          response.digilocker_redirect_url,
+          "digilocker_verification",
+          "width=600,height=700,scrollbars=yes,resizable=yes"
+        );
+        if (popup) {
+          verificationPopupRef.current = popup;
+          startPopupMonitoring(popup);
+          startStatusPolling(response.session_token);
+        } else {
+          setIsInitiatingVerification(false);
+          setVerificationError(
+            "Popup blocked. Please allow popups for this site or use redirect mode."
+          );
+        }
+      }
     } catch (error) {
       const err = error;
+      setIsInitiatingVerification(false);
       if (err.status === 422) {
         if (err.message.includes("guardian_contact")) {
           setGuardianFormErrors({ guardianContact: err.message });
@@ -2203,23 +3010,265 @@ var RedactoNoticeConsent = ({
         } else {
           setGuardianFormErrors({ general: err.message });
         }
+        setShowVerificationScreen(false);
+        setShowGuardianForm(true);
       } else {
         setGuardianFormErrors({
-          general: err.message || "Failed to submit guardian information. Please try again."
+          general: err.message || "Failed to initiate verification. Please try again."
         });
+        setShowVerificationScreen(false);
+        setShowGuardianForm(true);
         onError == null ? void 0 : onError(err);
       }
     } finally {
       setIsSubmittingGuardian(false);
     }
-  }, [accessToken, baseUrl, guardianFormData, onError]);
+  }, [accessToken, baseUrl, guardianFormData, digilockerMode, digilockerCallbackUrl, selectedPurposes, selectedDataElements, noticeId, onError]);
   const handleAgeVerificationYes = (0, import_react2.useCallback)(() => {
     setShowAgeVerification(false);
+    setIsMinorFlow(false);
+    setSelfDeclaredAdult(true);
   }, []);
   const handleAgeVerificationNo = (0, import_react2.useCallback)(() => {
     setShowAgeVerification(false);
     setShowGuardianForm(true);
   }, []);
+  const handleVerificationContinue = (0, import_react2.useCallback)(() => {
+    setShowVerificationScreen(false);
+    setIsVerificationComplete(false);
+  }, []);
+  const handlePopupClosed = (0, import_react2.useCallback)(async () => {
+    var _a2, _b2;
+    if (popupCheckIntervalRef.current) {
+      clearInterval(popupCheckIntervalRef.current);
+      popupCheckIntervalRef.current = null;
+    }
+    if (statusPollIntervalRef.current) {
+      clearTimeout(statusPollIntervalRef.current);
+      statusPollIntervalRef.current = null;
+    }
+    (_a2 = pollingCleanupRef.current) == null ? void 0 : _a2.call(pollingCleanupRef);
+    pollingCleanupRef.current = null;
+    verificationPopupRef.current = null;
+    if (!isPollingStatusRef.current) return;
+    const sessionToken = verificationSessionTokenRef.current;
+    if (sessionToken) {
+      try {
+        const response = await verifyGuardianStatus({
+          accessToken,
+          baseUrl,
+          sessionToken
+        });
+        if (response.status === "verified") {
+          const ref = response.verification_reference || ((_b2 = response.guardian_details) == null ? void 0 : _b2.verification_reference);
+          if (ref) {
+            setVerificationReference(ref);
+            setIsVerificationComplete(true);
+            setIsPollingStatus(false);
+            isPollingStatusRef.current = false;
+            setIsInitiatingVerification(false);
+            clearConsentState();
+            return;
+          }
+        }
+      } catch {
+      }
+    }
+    setVerificationError(
+      "Verification window was closed. Please try again."
+    );
+    setIsPollingStatus(false);
+    isPollingStatusRef.current = false;
+    setIsInitiatingVerification(false);
+  }, [accessToken, baseUrl]);
+  const startPopupMonitoring = (0, import_react2.useCallback)((popup) => {
+    popupCheckIntervalRef.current = window.setInterval(() => {
+      if (popup.closed) {
+        handlePopupClosed();
+      }
+    }, 500);
+  }, [handlePopupClosed]);
+  const getVerificationErrorMessage = (0, import_react2.useCallback)(
+    (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.";
+      }
+    },
+    []
+  );
+  const startStatusPolling = (0, import_react2.useCallback)(
+    (token) => {
+      verificationSessionTokenRef.current = token;
+      setIsPollingStatus(true);
+      isPollingStatusRef.current = true;
+      setVerificationError(null);
+      setVerificationErrorCode(null);
+      setCanRetryVerification(false);
+      let attempts = 0;
+      let consecutiveErrors = 0;
+      let paused = false;
+      const MAX_ATTEMPTS = 40;
+      const MAX_CONSECUTIVE_ERRORS = 3;
+      const POLL_INTERVAL = 3e3;
+      const stopPolling = () => {
+        var _a2;
+        if (statusPollIntervalRef.current) {
+          clearTimeout(statusPollIntervalRef.current);
+          statusPollIntervalRef.current = null;
+        }
+        if (popupCheckIntervalRef.current) {
+          clearInterval(popupCheckIntervalRef.current);
+          popupCheckIntervalRef.current = null;
+        }
+        (_a2 = verificationPopupRef.current) == null ? void 0 : _a2.close();
+        verificationPopupRef.current = null;
+        document.removeEventListener("visibilitychange", onVisibilityChange);
+        pollingCleanupRef.current = null;
+        setIsPollingStatus(false);
+        isPollingStatusRef.current = false;
+        setIsInitiatingVerification(false);
+      };
+      const setError = (message, errorCode, canRetry) => {
+        stopPolling();
+        setVerificationError(message);
+        setVerificationErrorCode(errorCode);
+        setCanRetryVerification(canRetry);
+      };
+      const poll = async () => {
+        var _a2;
+        if (paused) return;
+        attempts++;
+        if (attempts > MAX_ATTEMPTS) {
+          setError(
+            "Verification is taking longer than expected. Please try again.",
+            "SESSION_EXPIRED",
+            true
+          );
+          return;
+        }
+        try {
+          const response = await verifyGuardianStatus({
+            accessToken,
+            baseUrl,
+            sessionToken: token
+          });
+          consecutiveErrors = 0;
+          if (response.status === "verified") {
+            stopPolling();
+            const ref = response.verification_reference || ((_a2 = response.guardian_details) == null ? void 0 : _a2.verification_reference);
+            if (!ref) {
+              setError(
+                "Verification completed but no reference received. Please try again.",
+                null,
+                true
+              );
+              return;
+            }
+            setVerificationReference(ref);
+            setIsVerificationComplete(true);
+            clearConsentState();
+            return;
+          }
+          if (response.status === "failed" || response.status === "expired") {
+            setError(
+              getVerificationErrorMessage(response.error_code, response.error),
+              response.error_code,
+              response.can_retry
+            );
+            return;
+          }
+          if (!paused) {
+            statusPollIntervalRef.current = window.setTimeout(poll, POLL_INTERVAL);
+          }
+        } catch (error) {
+          const err = error;
+          if (err.status === 404 || err.status === 410) {
+            setError(
+              "Verification session not found or expired. Please try again.",
+              "SESSION_EXPIRED",
+              true
+            );
+            return;
+          }
+          consecutiveErrors++;
+          if (consecutiveErrors >= MAX_CONSECUTIVE_ERRORS) {
+            setError(
+              err.message || "Unable to check verification status. Please try again.",
+              null,
+              true
+            );
+            return;
+          }
+          statusPollIntervalRef.current = window.setTimeout(poll, POLL_INTERVAL);
+        }
+      };
+      const onVisibilityChange = () => {
+        if (document.hidden) {
+          paused = true;
+          if (statusPollIntervalRef.current) {
+            clearTimeout(statusPollIntervalRef.current);
+            statusPollIntervalRef.current = null;
+          }
+        } else {
+          paused = false;
+          poll();
+        }
+      };
+      document.addEventListener("visibilitychange", onVisibilityChange);
+      pollingCleanupRef.current = () => {
+        document.removeEventListener("visibilitychange", onVisibilityChange);
+      };
+      statusPollIntervalRef.current = window.setTimeout(poll, POLL_INTERVAL);
+    },
+    [accessToken, baseUrl, getVerificationErrorMessage]
+  );
+  const handleBackToGuardianForm = (0, import_react2.useCallback)((clearName = false) => {
+    var _a2, _b2;
+    (_a2 = verificationPopupRef.current) == null ? void 0 : _a2.close();
+    verificationPopupRef.current = null;
+    if (popupCheckIntervalRef.current) {
+      clearInterval(popupCheckIntervalRef.current);
+      popupCheckIntervalRef.current = null;
+    }
+    if (statusPollIntervalRef.current) {
+      clearTimeout(statusPollIntervalRef.current);
+      statusPollIntervalRef.current = null;
+    }
+    if (autoTransitionTimerRef.current) {
+      clearTimeout(autoTransitionTimerRef.current);
+      autoTransitionTimerRef.current = null;
+    }
+    if (digilockerRedirectTimeoutRef.current) {
+      clearTimeout(digilockerRedirectTimeoutRef.current);
+      digilockerRedirectTimeoutRef.current = null;
+    }
+    (_b2 = pollingCleanupRef.current) == null ? void 0 : _b2.call(pollingCleanupRef);
+    pollingCleanupRef.current = null;
+    setShowVerificationScreen(false);
+    setShowGuardianForm(true);
+    setVerificationError(null);
+    setVerificationErrorCode(null);
+    setCanRetryVerification(false);
+    setIsInitiatingVerification(false);
+    setIsPollingStatus(false);
+    isPollingStatusRef.current = false;
+    setIsVerificationComplete(false);
+    if (clearName) {
+      setGuardianFormData((prev) => ({ ...prev, guardianName: "" }));
+    }
+    clearConsentState();
+  }, []);
   const availableLanguages = (0, import_react2.useMemo)(() => {
     if (!content) return [language];
     const languages = ["English"];
@@ -2629,12 +3678,67 @@ var RedactoNoticeConsent = ({
   }, [content, stopAudio]);
   (0, import_react2.useEffect)(() => {
     return () => {
+      var _a2, _b2;
       if (abortControllerRef.current) {
         abortControllerRef.current.abort();
       }
       stopAudio();
+      if (popupCheckIntervalRef.current) {
+        clearInterval(popupCheckIntervalRef.current);
+      }
+      if (statusPollIntervalRef.current) {
+        clearTimeout(statusPollIntervalRef.current);
+      }
+      (_a2 = pollingCleanupRef.current) == null ? void 0 : _a2.call(pollingCleanupRef);
+      pollingCleanupRef.current = null;
+      (_b2 = verificationPopupRef.current) == null ? void 0 : _b2.close();
+      if (autoTransitionTimerRef.current) {
+        clearTimeout(autoTransitionTimerRef.current);
+        autoTransitionTimerRef.current = null;
+      }
+      if (digilockerRedirectTimeoutRef.current) {
+        clearTimeout(digilockerRedirectTimeoutRef.current);
+        digilockerRedirectTimeoutRef.current = null;
+      }
     };
   }, [stopAudio]);
+  (0, import_react2.useEffect)(() => {
+    const persistedState = getConsentState();
+    if (!persistedState) return;
+    if (persistedState.noticeId && persistedState.noticeId !== noticeId) {
+      clearConsentState();
+      return;
+    }
+    const REDIRECT_STATE_MAX_AGE_MS = 15 * 60 * 1e3;
+    if (persistedState.timestamp) {
+      const stateAge = Date.now() - new Date(persistedState.timestamp).getTime();
+      if (stateAge > REDIRECT_STATE_MAX_AGE_MS) {
+        clearConsentState();
+        return;
+      }
+    }
+    if (persistedState.flowState === "digilocker-pending" && persistedState.sessionToken) {
+      setShowVerificationScreen(true);
+      setShowGuardianForm(false);
+      setShowAgeVerification(false);
+      startStatusPolling(persistedState.sessionToken);
+    } else if (persistedState.verificationResult === "verified" && persistedState.verificationReference) {
+      setVerificationReference(persistedState.verificationReference);
+      setShowVerificationScreen(true);
+      setIsVerificationComplete(true);
+      setShowGuardianForm(false);
+      setShowAgeVerification(false);
+      clearConsentState();
+    } else if (persistedState.verificationResult === "failed" || persistedState.verificationResult === "expired") {
+      setShowVerificationScreen(true);
+      setShowGuardianForm(false);
+      setShowAgeVerification(false);
+      setVerificationError(
+        persistedState.verificationResult === "expired" ? "Verification session has expired. Please try again." : "Verification failed. Please try again."
+      );
+      clearConsentState();
+    }
+  }, [startStatusPolling, noticeId]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: hasAlreadyConsented ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     blockUI && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
@@ -2820,6 +3924,27 @@ var RedactoNoticeConsent = ({
             declineButtonStyle,
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default
           }
+        ) }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          VerificationScreen,
+          {
+            onBack: handleBackToGuardianForm,
+            onContinue: handleVerificationContinue,
+            isInitiating: isInitiatingVerification,
+            isPolling: isPollingStatus,
+            isVerificationComplete,
+            isAutoTransitioning,
+            error: verificationError,
+            errorCode: verificationErrorCode,
+            canRetry: canRetryVerification,
+            styles,
+            responsiveStyles,
+            settings,
+            componentHeadingStyle,
+            componentTextStyle,
+            acceptButtonStyle,
+            declineButtonStyle,
+            logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default
+          }
         ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: [
           errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "div",
@@ -4423,8 +5548,425 @@ var RedactoConsentInlineComponent = ({
 };
 RedactoConsentInlineComponent.displayName = "RedactoConsentInline";
 var RedactoConsentInline = (0, import_react4.memo)(RedactoConsentInlineComponent);
+
+// src/RedactoNoticeConsent/components/DigiLockerCallback.tsx
+var import_react5 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DigiLockerCallback = ({
+  accessToken: propAccessToken,
+  baseUrl,
+  onSuccess,
+  onError
+}) => {
+  const [status, setStatus] = (0, import_react5.useState)("processing");
+  const [message, setMessage] = (0, import_react5.useState)("Verifying your guardian...");
+  const [errorDetail, setErrorDetail] = (0, import_react5.useState)(null);
+  const retryTimeoutRef = (0, import_react5.useRef)(null);
+  const redirectTimeoutRef = (0, import_react5.useRef)(null);
+  const isMountedRef = (0, import_react5.useRef)(true);
+  const 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.";
+    }
+  };
+  const redirectToOriginalPage = (0, import_react5.useCallback)(
+    (originalUrl, verificationResult, verificationReference) => {
+      updateConsentState({
+        verificationResult,
+        verificationReference,
+        flowState: verificationResult === "verified" ? "consent-form" : "error"
+      });
+      redirectTimeoutRef.current = setTimeout(() => {
+        window.location.href = originalUrl;
+      }, 1500);
+    },
+    []
+  );
+  const handleCallback = (0, import_react5.useCallback)(async () => {
+    var _a, _b;
+    try {
+      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 accessToken = propAccessToken;
+      if (!accessToken) {
+        throw new Error("Access token not provided. Please pass accessToken as a prop.");
+      }
+      const activeSessionToken = sessionToken || storedSessionToken;
+      if (!activeSessionToken) {
+        throw new Error("Session token not found. Please restart the verification process.");
+      }
+      let isInIframe = false;
+      try {
+        isInIframe = window.self !== window.top;
+      } catch {
+        isInIframe = true;
+      }
+      if (urlStatus === "verified" && verificationReference) {
+        setStatus("success");
+        setMessage("Guardian verified successfully! Redirecting...");
+        onSuccess == null ? void 0 : onSuccess(verificationReference);
+        if (isInIframe && window.parent) {
+          window.parent.postMessage(
+            {
+              type: "DIGILOCKER_VERIFICATION_STATUS",
+              status: "verified",
+              verificationReference
+            },
+            window.location.origin
+          );
+          return;
+        }
+        redirectToOriginalPage(originalUrl, "verified", verificationReference);
+        return;
+      }
+      if (urlStatus === "failed" || urlStatus === "expired") {
+        const urlErrorCode = errorCode != null ? errorCode : void 0;
+        const errorMessage = getErrorMessage(urlErrorCode);
+        setStatus("error");
+        setMessage("Verification failed");
+        setErrorDetail(errorMessage);
+        onError == null ? void 0 : onError(new Error(errorMessage), urlErrorCode);
+        if (isInIframe && window.parent) {
+          window.parent.postMessage(
+            {
+              type: "DIGILOCKER_VERIFICATION_STATUS",
+              status: urlStatus,
+              errorCode: urlErrorCode,
+              error: errorMessage
+            },
+            window.location.origin
+          );
+          return;
+        }
+        redirectToOriginalPage(originalUrl, urlStatus);
+        return;
+      }
+      setMessage("Processing verification...");
+      const apiBaseUrl = baseUrl || storedBaseUrl;
+      const response = await verifyGuardianStatus({
+        accessToken,
+        baseUrl: apiBaseUrl,
+        sessionToken: activeSessionToken
+      });
+      if (!isMountedRef.current) return;
+      if (response.status === "verified") {
+        const verificationRef = response.verification_reference || ((_a = response.guardian_details) == null ? void 0 : _a.verification_reference) || void 0;
+        if (!verificationRef) {
+          setStatus("error");
+          setMessage("Verification failed");
+          setErrorDetail("Verification completed but no reference received. Please try again.");
+          onError == null ? void 0 : onError(new Error("Verification completed but no reference received."));
+          redirectToOriginalPage(originalUrl, "failed");
+          return;
+        }
+        setStatus("success");
+        setMessage("Guardian verified successfully! Redirecting...");
+        onSuccess == null ? void 0 : onSuccess(verificationRef);
+        if (isInIframe && window.parent) {
+          window.parent.postMessage(
+            {
+              type: "DIGILOCKER_VERIFICATION_STATUS",
+              status: "verified",
+              verificationReference: verificationRef
+            },
+            window.location.origin
+          );
+          return;
+        }
+        redirectToOriginalPage(originalUrl, "verified", verificationRef);
+      } else if (response.status === "failed" || response.status === "expired") {
+        const responseErrorCode = (_b = response.error_code) != null ? _b : void 0;
+        const errorMessage = response.error || getErrorMessage(responseErrorCode);
+        setStatus("error");
+        setMessage("Verification failed");
+        setErrorDetail(errorMessage);
+        onError == null ? void 0 : onError(new Error(errorMessage), responseErrorCode);
+        if (isInIframe && window.parent) {
+          window.parent.postMessage(
+            {
+              type: "DIGILOCKER_VERIFICATION_STATUS",
+              status: response.status,
+              errorCode: responseErrorCode,
+              error: errorMessage
+            },
+            window.location.origin
+          );
+          return;
+        }
+        redirectToOriginalPage(originalUrl, response.status);
+      } else {
+        setMessage("Verification is still in progress. Please wait...");
+        const MAX_RETRIES = 3;
+        let retryCount = 0;
+        const attemptRetry = () => {
+          retryCount++;
+          const delay = 3e3 * Math.pow(2, retryCount - 1);
+          retryTimeoutRef.current = setTimeout(async () => {
+            var _a2, _b2;
+            if (!isMountedRef.current) return;
+            try {
+              const retryResponse = await verifyGuardianStatus({
+                accessToken,
+                baseUrl: apiBaseUrl,
+                sessionToken: activeSessionToken
+              });
+              if (!isMountedRef.current) return;
+              const retryRef = retryResponse.verification_reference || ((_a2 = retryResponse.guardian_details) == null ? void 0 : _a2.verification_reference) || void 0;
+              if (retryResponse.status === "verified" && retryRef) {
+                setStatus("success");
+                setMessage("Guardian verified successfully! Redirecting...");
+                onSuccess == null ? void 0 : onSuccess(retryRef);
+                if (isInIframe && window.parent) {
+                  window.parent.postMessage(
+                    {
+                      type: "DIGILOCKER_VERIFICATION_STATUS",
+                      status: "verified",
+                      verificationReference: retryRef
+                    },
+                    window.location.origin
+                  );
+                  return;
+                }
+                redirectToOriginalPage(originalUrl, "verified", retryRef);
+              } else if (retryResponse.status === "failed" || retryResponse.status === "expired") {
+                const retryErrorCode = (_b2 = retryResponse.error_code) != null ? _b2 : void 0;
+                const retryErrorMessage = retryResponse.error || getErrorMessage(retryErrorCode) || "Verification could not be completed. Please try again.";
+                setStatus("error");
+                setMessage("Verification failed");
+                setErrorDetail(retryErrorMessage);
+                onError == null ? void 0 : onError(new Error(retryErrorMessage), retryErrorCode);
+                if (isInIframe && window.parent) {
+                  window.parent.postMessage(
+                    {
+                      type: "DIGILOCKER_VERIFICATION_STATUS",
+                      status: retryResponse.status,
+                      errorCode: retryErrorCode,
+                      error: retryErrorMessage
+                    },
+                    window.location.origin
+                  );
+                  return;
+                }
+                redirectToOriginalPage(originalUrl, retryResponse.status);
+              } else if (retryCount < MAX_RETRIES) {
+                setMessage("Verification taking longer than expected. Please wait...");
+                attemptRetry();
+              } else {
+                const timeoutMessage = "Verification could not be completed in time. Please try again.";
+                setStatus("error");
+                setMessage("Verification failed");
+                setErrorDetail(timeoutMessage);
+                onError == null ? void 0 : onError(new Error(timeoutMessage));
+                redirectToOriginalPage(originalUrl, "failed");
+              }
+            } catch (retryErr) {
+              if (!isMountedRef.current) return;
+              if (retryCount < MAX_RETRIES) {
+                attemptRetry();
+              } else {
+                setStatus("error");
+                setMessage("Verification failed");
+                setErrorDetail(retryErr.message);
+                onError == null ? void 0 : onError(retryErr);
+                redirectToOriginalPage(originalUrl, "failed");
+              }
+            }
+          }, delay);
+        };
+        attemptRetry();
+      }
+    } catch (error) {
+      console.error("DigiLocker callback error:", error);
+      setStatus("error");
+      const err = error;
+      setMessage("Verification failed");
+      setErrorDetail(err.message || "An error occurred during verification");
+      onError == null ? void 0 : onError(err);
+      const persistedState = getConsentState();
+      if (persistedState == null ? void 0 : persistedState.originalUrl) {
+        redirectTimeoutRef.current = setTimeout(() => {
+          redirectToOriginalPage(persistedState.originalUrl, "failed");
+        }, 3e3);
+      }
+    }
+  }, [propAccessToken, baseUrl, onSuccess, onError, redirectToOriginalPage]);
+  (0, import_react5.useEffect)(() => {
+    injectCheckboxStyles();
+    handleCallback();
+    return () => {
+      isMountedRef.current = false;
+      if (retryTimeoutRef.current) clearTimeout(retryTimeoutRef.current);
+      if (redirectTimeoutRef.current) clearTimeout(redirectTimeoutRef.current);
+    };
+  }, [handleCallback]);
+  const handleRetry = (0, import_react5.useCallback)(() => {
+    const persistedState = getConsentState();
+    if (persistedState == null ? void 0 : persistedState.originalUrl) {
+      clearConsentState();
+      window.location.href = persistedState.originalUrl;
+    } else {
+      window.location.href = "/";
+    }
+  }, []);
+  const containerStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: "100vh",
+    backgroundColor: "#f9fafb",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    padding: "20px",
+    boxSizing: "border-box"
+  };
+  const cardStyle = {
+    backgroundColor: "#ffffff",
+    borderRadius: "12px",
+    boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    padding: "40px",
+    textAlign: "center",
+    maxWidth: "400px",
+    width: "100%"
+  };
+  const spinnerStyle = {
+    width: "48px",
+    height: "48px",
+    border: "4px solid #e5e7eb",
+    borderTopColor: "#3b82f6",
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite",
+    margin: "0 auto 24px"
+  };
+  const iconStyle = {
+    width: "64px",
+    height: "64px",
+    borderRadius: "50%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: "0 auto 24px"
+  };
+  const successIconStyle = {
+    ...iconStyle,
+    backgroundColor: "#d1fae5",
+    color: "#059669"
+  };
+  const errorIconStyle = {
+    ...iconStyle,
+    backgroundColor: "#fee2e2",
+    color: "#dc2626"
+  };
+  const titleStyle = {
+    fontSize: "20px",
+    fontWeight: 600,
+    color: "#111827",
+    margin: "0 0 12px 0"
+  };
+  const messageStyle = {
+    fontSize: "14px",
+    color: "#6b7280",
+    marginBottom: "8px",
+    lineHeight: 1.5
+  };
+  const errorDetailStyle = {
+    fontSize: "13px",
+    color: "#dc2626",
+    marginTop: "12px",
+    padding: "12px",
+    backgroundColor: "#fef2f2",
+    borderRadius: "6px",
+    border: "1px solid #fecaca"
+  };
+  const buttonStyle = {
+    marginTop: "20px",
+    padding: "10px 24px",
+    backgroundColor: "#3b82f6",
+    color: "#ffffff",
+    border: "none",
+    borderRadius: "6px",
+    fontSize: "14px",
+    fontWeight: 500,
+    cursor: "pointer",
+    transition: "background-color 0.2s"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: cardStyle, children: [
+    status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: spinnerStyle }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { style: titleStyle, children: "Processing Verification" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: messageStyle, children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: { ...messageStyle, fontSize: "12px", color: "#9ca3af" }, children: "Please wait while we verify your guardian's identity..." })
+    ] }),
+    status === "success" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: successIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "svg",
+        {
+          width: "32",
+          height: "32",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "20 6 9 17 4 12" })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { style: titleStyle, children: "Verification Successful" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: messageStyle, children: message })
+    ] }),
+    status === "error" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "svg",
+        {
+          width: "32",
+          height: "32",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { style: titleStyle, children: "Verification Failed" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: messageStyle, children: message }),
+      errorDetail && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: errorDetailStyle, children: errorDetail }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          className: "redacto-dl-retry-btn",
+          style: buttonStyle,
+          onClick: handleRetry,
+          children: "Try Again"
+        }
+      )
+    ] })
+  ] }) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DigiLockerCallback,
   RedactoNoticeConsent,
   RedactoNoticeConsentInline
 });