@redacto.io/consent-sdk-react-native 1.0.0 → 2.0.0

package/dist/index.mjs

@@ -1,32 +1,28 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+import "./chunk-Y6FXYEAI.mjs";
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 import {
   useCallback,
-  useEffect,
+  useEffect as useEffect2,
   useMemo,
-  useRef,
+  useRef as useRef2,
   useState
 } from "react";
 import {
-  ActivityIndicator,
+  ActivityIndicator as ActivityIndicator2,
+  AppState,
   Image,
   Linking,
   Modal,
   Pressable,
   ScrollView,
-  StyleSheet as StyleSheet3,
-  Text,
+  StyleSheet as StyleSheet4,
+  Text as Text2,
   TextInput,
-  TouchableOpacity as TouchableOpacity2,
-  View as View2
+  TouchableOpacity as TouchableOpacity3,
+  View as View3
 } from "react-native";
-import Svg2, { Path as Path2, Rect } from "react-native-svg";
+import Svg3, { Path as Path3, Rect, SvgUri } from "react-native-svg";
 
 // src/RedactoNoticeConsent/api/index.ts
 import { jwtDecode } from "jwt-decode";
@@ -139,6 +135,8 @@ var submitConsentEvent = async ({
   purposes,
   declined,
   meta_data,
+  guardianVerificationReference,
+  selfDeclaredAdult,
   signal
 }) => {
   if (!noticeUuid || !accessToken || !Array.isArray(purposes)) {
@@ -173,7 +171,9 @@ var submitConsentEvent = async ({
     select_all_mandatory: false,
     source: "MOBILE",
     declined: Boolean(declined),
-    meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid } : void 0
+    meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid } : void 0,
+    guardian_verification_reference: guardianVerificationReference,
+    self_declared_adult: selfDeclaredAdult
   };
   const response = await fetch(
     `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/submit-consent`,
@@ -206,25 +206,85 @@ var submitConsentEvent = async ({
   }
   apiCache.clear();
 };
-var submitGuardianInfo = async ({
+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 || DEFAULT_CONSENT_API_BASE_URL;
+  const normalizedLanguage = language === "en" || language === "EN" ? "English" : language;
+  const url = `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/notices/${noticeUuid}/audio/${encodeURIComponent(normalizedLanguage)}`;
+  const response = await fetch(url, {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      Accept: "application/json",
+      "Content-Type": "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";
+    }
+    let errorDetails = "";
+    try {
+      const bodyText = await response.text();
+      if (bodyText) {
+        errorDetails = bodyText.slice(0, 200);
+      }
+    } catch {
+    }
+    if (errorDetails) {
+      errorMessage = `${errorMessage}. Response: ${errorDetails}`;
+    }
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  return response.json();
+};
+var initiateGuardianVerification = async ({
   accessToken,
   baseUrl,
   guardianName,
   guardianContact,
   guardianRelationship,
+  frontendCallbackUrl,
   signal
 }) => {
+  var _a, _b, _c, _d, _e;
   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) {
@@ -234,14 +294,15 @@ var submitGuardianInfo = async ({
   if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
     throw new Error("Invalid token: missing organization or workspace UUID");
   }
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
   const payload = {
     guardian_name: guardianName.trim(),
     guardian_contact: guardianContact.trim(),
-    guardian_relationship: guardianRelationship.trim()
+    guardian_relationship: guardianRelationship.trim(),
+    frontend_callback_url: frontendCallbackUrl
   };
-  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
   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: {
@@ -253,15 +314,13 @@ var submitGuardianInfo = async ({
     }
   );
   if (!response.ok) {
-    let errorMessage = `Failed to submit guardian info: ${response.status} ${response.statusText}`;
+    let errorMessage = `Failed to initiate guardian verification: ${response.status} ${response.statusText}`;
     if (response.status === 400) {
       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();
@@ -276,16 +335,26 @@ var submitGuardianInfo = async ({
     error.status = response.status;
     throw error;
   }
+  const data = await response.json();
+  const raw = data.detail || data;
+  return {
+    sessionToken: (_a = raw.session_token) != null ? _a : raw.sessionToken,
+    digilockerRedirectUrl: (_b = raw.digilocker_redirect_url) != null ? _b : raw.digilockerRedirectUrl,
+    verificationReference: (_c = raw.verification_reference) != null ? _c : raw.verificationReference,
+    expiresAt: (_d = raw.expires_at) != null ? _d : raw.expiresAt,
+    status: raw.status,
+    alreadyVerified: (_e = raw.already_verified) != null ? _e : raw.alreadyVerified
+  };
 };
-var fetchTTSAudioUrls = async ({
+var verifyGuardianStatus = async ({
   accessToken,
   baseUrl,
-  noticeUuid,
-  language,
+  sessionToken,
   signal
 }) => {
-  if (!accessToken || !noticeUuid || !language) {
-    throw new Error("accessToken, noticeUuid, and language are required");
+  var _a, _b, _c;
+  if (!accessToken || !sessionToken) {
+    throw new Error("accessToken and sessionToken are required");
   }
   const decodedToken = decodeTokenSafely(accessToken);
   if (!decodedToken) {
@@ -296,24 +365,22 @@ var fetchTTSAudioUrls = async ({
     throw new Error("Invalid token: missing organization or workspace UUID");
   }
   const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_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",
-      "Content-Type": "application/json"
-    },
-    signal
-  });
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/guardian/verify-status`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ session_token: sessionToken }),
+      signal
+    }
+  );
   if (!response.ok) {
-    let errorMessage = `Failed to fetch TTS audio URLs: ${response.status} ${response.statusText}`;
+    let errorMessage = `Failed to verify guardian status: ${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";
     }
@@ -321,7 +388,15 @@ var fetchTTSAudioUrls = async ({
     error.status = response.status;
     throw error;
   }
-  return response.json();
+  const data = await response.json();
+  const raw = data.detail || data;
+  return {
+    status: raw.status,
+    verificationReference: (_a = raw.verification_reference) != null ? _a : raw.verificationReference,
+    error: raw.error,
+    errorCode: (_b = raw.error_code) != null ? _b : raw.errorCode,
+    canRetry: (_c = raw.can_retry) != null ? _c : raw.canRetry
+  };
 };
 
 // src/RedactoNoticeConsent/components/Checkbox.tsx
@@ -333,11 +408,13 @@ var Checkbox = ({
   onChange,
   size = "large",
   disabled = false,
-  accessibilityLabel
+  accessibilityLabel,
+  accentColor
 }) => {
   const isLarge = size === "large";
   const boxSize = isLarge ? 20 : 16;
   const iconSize = isLarge ? 10 : 8;
+  const color = accentColor || "#4f87ff";
   return /* @__PURE__ */ jsx(
     TouchableOpacity,
     {
@@ -352,8 +429,8 @@ var Checkbox = ({
         {
           style: [
             styles.box,
-            { width: boxSize, height: boxSize, borderRadius: 5 },
-            checked ? styles.checked : styles.unchecked,
+            { width: boxSize, height: boxSize, borderRadius: 4 },
+            checked ? { backgroundColor: color, borderColor: color } : styles.unchecked,
             disabled && styles.disabled
           ],
           children: checked && /* @__PURE__ */ jsx(
@@ -366,9 +443,9 @@ var Checkbox = ({
               children: /* @__PURE__ */ jsx(
                 Path,
                 {
-                  d: "M1.5 5L4 7.5L8.5 2.5",
+                  d: "M2.5 5L4.2 6.7L7.5 3.3",
                   stroke: "white",
-                  strokeWidth: 1.8,
+                  strokeWidth: isLarge ? 2 : 1.5,
                   strokeLinecap: "round",
                   strokeLinejoin: "round"
                 }
@@ -384,11 +461,7 @@ var styles = StyleSheet.create({
   box: {
     alignItems: "center",
     justifyContent: "center",
-    borderWidth: 2
-  },
-  checked: {
-    backgroundColor: "#4f87ff",
-    borderColor: "#4f87ff"
+    borderWidth: 1.5
   },
   unchecked: {
     backgroundColor: "transparent",
@@ -399,9 +472,400 @@ var styles = StyleSheet.create({
   }
 });
 
+// src/RedactoNoticeConsent/components/VerificationScreen.tsx
+import { useEffect, useRef } from "react";
+import {
+  ActivityIndicator,
+  Animated,
+  StyleSheet as StyleSheet2,
+  Text,
+  TouchableOpacity as TouchableOpacity2,
+  View as View2
+} from "react-native";
+import Svg2, { Circle as SvgCircle, Path as Path2 } from "react-native-svg";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var VerificationScreen = ({
+  status,
+  errorMessage,
+  errorCode,
+  canRetry,
+  onRetry,
+  onBack,
+  onContinue,
+  onChangeGuardian,
+  settings
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#323B4B";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const acceptBg = ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) == null ? void 0 : _b.backgroundColor) || (settings == null ? void 0 : settings.primaryColor) || "#4f87ff";
+  const acceptText = ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.accept) == null ? void 0 : _d.textColor) || "#ffffff";
+  const declineBg = ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) == null ? void 0 : _f.backgroundColor) || "#ffffff";
+  const declineText = ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.decline) == null ? void 0 : _h.textColor) || "#000000";
+  const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
+  const scaleAnim = useRef(new Animated.Value(0.3)).current;
+  const contentAnim = useRef(new Animated.Value(0)).current;
+  const pulseAnim = useRef(new Animated.Value(0.6)).current;
+  useEffect(() => {
+    Animated.spring(scaleAnim, {
+      toValue: 1,
+      friction: 5,
+      tension: 40,
+      delay: 100,
+      useNativeDriver: true
+    }).start();
+    Animated.timing(contentAnim, {
+      toValue: 1,
+      duration: 400,
+      delay: 250,
+      useNativeDriver: true
+    }).start();
+    if (status === "verified") {
+      Animated.loop(
+        Animated.sequence([
+          Animated.timing(pulseAnim, {
+            toValue: 0,
+            duration: 1200,
+            useNativeDriver: true
+          }),
+          Animated.timing(pulseAnim, {
+            toValue: 0.6,
+            duration: 0,
+            useNativeDriver: true
+          })
+        ])
+      ).start();
+    }
+  }, [status, scaleAnim, contentAnim, pulseAnim]);
+  const getErrorGuidance = () => {
+    switch (errorCode) {
+      case "GUARDIAN_UNDER_18":
+        return "The guardian must be 18 years or older to provide consent.";
+      case "TOKEN_FAILED":
+        return "The verification session has expired. Please try again.";
+      case "DIGILOCKER_AUTH_FAILED":
+        return "DigiLocker authentication failed. Please try again and complete the verification in the browser.";
+      case "SESSION_EXPIRED":
+        return "Your verification session has expired. Please start a new verification.";
+      default:
+        return errorMessage || "An error occurred during verification. Please try again.";
+    }
+  };
+  const renderPendingContent = () => /* @__PURE__ */ jsxs(View2, { style: s.centerContent, children: [
+    /* @__PURE__ */ jsx2(ActivityIndicator, { size: "large", color: acceptBg, style: s.pendingSpinner }),
+    /* @__PURE__ */ jsxs(View2, { style: s.infoBanner, children: [
+      /* @__PURE__ */ jsxs(Svg2, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", style: s.infoBannerIcon, children: [
+        /* @__PURE__ */ jsx2(SvgCircle, { cx: "12", cy: "12", r: "10", stroke: "#059669", strokeWidth: 2 }),
+        /* @__PURE__ */ jsx2(Path2, { d: "M12 16v-4M12 8h.01", stroke: "#059669", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
+      ] }),
+      /* @__PURE__ */ jsx2(Text, { style: s.infoBannerText, children: "Please complete the verification in Safari. This screen will update automatically when verification is complete." })
+    ] })
+  ] });
+  const renderSuccessContent = () => /* @__PURE__ */ jsxs(View2, { style: s.centerContent, children: [
+    /* @__PURE__ */ jsxs(View2, { style: s.iconWrapper, children: [
+      /* @__PURE__ */ jsx2(
+        Animated.View,
+        {
+          style: [
+            s.pulseRing,
+            {
+              opacity: pulseAnim,
+              transform: [{
+                scale: pulseAnim.interpolate({
+                  inputRange: [0, 0.6],
+                  outputRange: [1.15, 1]
+                })
+              }]
+            }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx2(Animated.View, { style: [s.successCircle, { transform: [{ scale: scaleAnim }] }], children: /* @__PURE__ */ jsx2(Svg2, { width: 30, height: 30, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx2(
+        Path2,
+        {
+          d: "M5 13L9 17L19 7",
+          stroke: "#059669",
+          strokeWidth: 3,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      Animated.Text,
+      {
+        style: [
+          s.statusTitle,
+          { color: headingColor, opacity: contentAnim, transform: [{ translateY: contentAnim.interpolate({ inputRange: [0, 1], outputRange: [8, 0] }) }] }
+        ],
+        children: "Verification Completed"
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Animated.Text,
+      {
+        style: [
+          s.statusSubtext,
+          { color: textColor, opacity: contentAnim, transform: [{ translateY: contentAnim.interpolate({ inputRange: [0, 1], outputRange: [8, 0] }) }] }
+        ],
+        children: "Your guardian's identity has been successfully verified. You can now proceed."
+      }
+    )
+  ] });
+  const renderErrorContent = () => /* @__PURE__ */ jsxs(View2, { style: s.centerContent, children: [
+    /* @__PURE__ */ jsx2(View2, { style: s.iconWrapper, children: /* @__PURE__ */ jsx2(Animated.View, { style: [s.errorCircle, { transform: [{ scale: scaleAnim }] }], children: /* @__PURE__ */ jsx2(Svg2, { width: 30, height: 30, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx2(
+      Path2,
+      {
+        d: "M18 6L6 18M6 6L18 18",
+        stroke: "#DC2626",
+        strokeWidth: 3,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }) }) }),
+    /* @__PURE__ */ jsxs(
+      Animated.Text,
+      {
+        style: [
+          s.statusTitle,
+          { color: headingColor, opacity: contentAnim }
+        ],
+        children: [
+          "Verification ",
+          status === "expired" ? "Expired" : "Failed"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Animated.View, { style: [s.errorBanner, { opacity: contentAnim }], children: [
+      /* @__PURE__ */ jsx2(Svg2, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", style: s.infoBannerIcon, children: /* @__PURE__ */ jsx2(
+        Path2,
+        {
+          d: "M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+          stroke: "#DC2626",
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(Text, { style: s.errorBannerText, children: getErrorGuidance() })
+    ] })
+  ] });
+  const renderBottomButtons = () => {
+    if (status === "verified") {
+      if (!onContinue) return null;
+      return /* @__PURE__ */ jsx2(View2, { style: [s.bottomSection, { borderTopColor: borderColor }], children: /* @__PURE__ */ jsx2(
+        TouchableOpacity2,
+        {
+          style: [s.primaryButton, { backgroundColor: acceptBg }],
+          onPress: onContinue,
+          activeOpacity: 0.8,
+          children: /* @__PURE__ */ jsx2(Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Continue" })
+        }
+      ) });
+    }
+    if (status === "failed" || status === "expired") {
+      return /* @__PURE__ */ jsxs(View2, { style: [s.bottomSection, { borderTopColor: borderColor }], children: [
+        errorCode === "GUARDIAN_UNDER_18" && onChangeGuardian ? /* @__PURE__ */ jsx2(
+          TouchableOpacity2,
+          {
+            style: [s.primaryButton, { backgroundColor: acceptBg }],
+            onPress: onChangeGuardian,
+            activeOpacity: 0.8,
+            children: /* @__PURE__ */ jsx2(Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Change Guardian" })
+          }
+        ) : canRetry !== false ? /* @__PURE__ */ jsx2(
+          TouchableOpacity2,
+          {
+            style: [s.primaryButton, { backgroundColor: acceptBg }],
+            onPress: onRetry,
+            activeOpacity: 0.8,
+            children: /* @__PURE__ */ jsx2(Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Try Again" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsx2(
+          TouchableOpacity2,
+          {
+            style: [s.outlineButton, { backgroundColor: declineBg, borderColor }],
+            onPress: onBack,
+            activeOpacity: 0.8,
+            children: /* @__PURE__ */ jsx2(Text, { style: [s.outlineButtonText, { color: declineText }], children: "Go Back" })
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsx2(View2, { style: [s.bottomSection, { borderTopColor: borderColor }], children: /* @__PURE__ */ jsx2(
+      TouchableOpacity2,
+      {
+        style: [s.outlineButton, { backgroundColor: declineBg, borderColor }],
+        onPress: onBack,
+        activeOpacity: 0.8,
+        children: /* @__PURE__ */ jsx2(Text, { style: [s.outlineButtonText, { color: declineText }], children: "Cancel" })
+      }
+    ) });
+  };
+  return /* @__PURE__ */ jsxs(View2, { style: s.root, children: [
+    /* @__PURE__ */ jsx2(View2, { style: [s.topSection, { borderBottomColor: borderColor }], children: /* @__PURE__ */ jsx2(Text, { style: [s.topTitle, { color: headingColor }], children: "Guardian Verification" }) }),
+    /* @__PURE__ */ jsx2(View2, { style: s.centerArea, children: status === "verified" ? renderSuccessContent() : status === "failed" || status === "expired" ? renderErrorContent() : renderPendingContent() }),
+    renderBottomButtons()
+  ] });
+};
+var s = StyleSheet2.create({
+  root: {
+    flex: 1
+  },
+  // -- Top --
+  topSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    borderBottomWidth: StyleSheet2.hairlineWidth,
+    borderBottomColor: "#E5E7EB"
+  },
+  topTitle: {
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  // -- Center --
+  centerArea: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 24
+  },
+  centerContent: {
+    alignItems: "center",
+    width: "100%",
+    maxWidth: 320
+  },
+  // -- Icon wrappers --
+  iconWrapper: {
+    width: 88,
+    height: 88,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 20
+  },
+  pulseRing: {
+    position: "absolute",
+    width: 88,
+    height: 88,
+    borderRadius: 44,
+    borderWidth: 3,
+    borderColor: "#D1FAE5"
+  },
+  successCircle: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    backgroundColor: "#D1FAE5",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  errorCircle: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    backgroundColor: "#FEE2E2",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // -- Text --
+  statusTitle: {
+    fontSize: 20,
+    fontWeight: "700",
+    textAlign: "center",
+    marginBottom: 8
+  },
+  statusSubtext: {
+    fontSize: 14,
+    textAlign: "center",
+    lineHeight: 20
+  },
+  // -- Pending --
+  pendingSpinner: {
+    marginBottom: 20
+  },
+  // -- Info banner (pending) --
+  infoBanner: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    backgroundColor: "#D1FAE5",
+    borderRadius: 8,
+    padding: 12,
+    width: "100%"
+  },
+  infoBannerIcon: {
+    marginRight: 8,
+    marginTop: 1
+  },
+  infoBannerText: {
+    flex: 1,
+    fontSize: 13,
+    color: "#059669",
+    lineHeight: 18
+  },
+  // -- Error banner --
+  errorBanner: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    backgroundColor: "#FEF2F2",
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: "#FCA5A5",
+    padding: 12,
+    width: "100%",
+    marginTop: 4
+  },
+  errorBannerText: {
+    flex: 1,
+    fontSize: 13,
+    color: "#DC2626",
+    lineHeight: 18
+  },
+  // -- Bottom buttons --
+  bottomSection: {
+    padding: 20,
+    gap: 8,
+    borderTopWidth: StyleSheet2.hairlineWidth,
+    borderTopColor: "#E5E7EB"
+  },
+  primaryButton: {
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: "center"
+  },
+  primaryButtonText: {
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  outlineButton: {
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: "center"
+  },
+  outlineButtonText: {
+    fontSize: 16,
+    fontWeight: "600"
+  }
+});
+
+// src/RedactoNoticeConsent/constants.ts
+var DPO_AUDIO_ELEMENT_MAP = [
+  { audioKey: "grievance_text_audio_url", elementId: "dpo-grievance-text" },
+  { audioKey: "grievance_anchor_text_audio_url", elementId: "dpo-grievance-link" },
+  { audioKey: "grievance_email_connector_text_audio_url", elementId: "dpo-grievance-email-connector" },
+  { audioKey: "grievance_email_audio_url", elementId: "dpo-grievance-email" },
+  { audioKey: "dp_board_text_audio_url", elementId: "dpo-dp-board-text" },
+  { audioKey: "dp_board_anchor_text_audio_url", elementId: "dpo-dp-board-link" },
+  { audioKey: "dpo_text_audio_url", elementId: "dpo-dpo-text" },
+  { audioKey: "dpo_anchor_text_audio_url", elementId: "dpo-dpo-link" }
+];
+
 // src/RedactoNoticeConsent/styles.ts
-import { StyleSheet as StyleSheet2, Platform } from "react-native";
-var styles2 = StyleSheet2.create({
+import { StyleSheet as StyleSheet3, Platform } from "react-native";
+var styles2 = StyleSheet3.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0, 0, 0, 0.5)",
@@ -430,7 +894,9 @@ var styles2 = StyleSheet2.create({
     minHeight: 320
   },
   content: {
-    padding: 22,
+    paddingHorizontal: 20,
+    paddingTop: 14,
+    paddingBottom: 0,
     flex: 1,
     minHeight: 0
   },
@@ -438,7 +904,7 @@ var styles2 = StyleSheet2.create({
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
-    paddingBottom: 15,
+    paddingBottom: 12,
     backgroundColor: "#ffffff",
     flexShrink: 0
   },
@@ -458,13 +924,13 @@ var styles2 = StyleSheet2.create({
     fontWeight: "700",
     lineHeight: 27,
     letterSpacing: 0.2,
-    color: "#101828",
+    color: "#323B4B",
     flexShrink: 1
   },
   topRight: {
-    borderRadius: 8,
-    paddingVertical: 3,
-    paddingHorizontal: 9,
+    borderRadius: 6,
+    paddingVertical: 6,
+    paddingHorizontal: 10,
     borderWidth: 1,
     borderColor: "#d0d5dd",
     flexDirection: "row",
@@ -474,8 +940,8 @@ var styles2 = StyleSheet2.create({
     gap: 5
   },
   topRightText: {
-    fontWeight: "400",
-    fontSize: 12,
+    fontWeight: "500",
+    fontSize: 13,
     color: "#344054"
   },
   middleSection: {
@@ -491,14 +957,17 @@ var styles2 = StyleSheet2.create({
   },
   link: {
     color: "#4f87ff",
-    textDecorationLine: "underline"
+    textDecorationLine: "none"
+  },
+  ttsHighlight: {
+    backgroundColor: "#FEF3C7"
   },
   subTitle: {
     fontWeight: "600",
     fontSize: 16,
     lineHeight: 24,
     letterSpacing: 0.2,
-    color: "#101828"
+    color: "#323B4B"
   },
   optionsContainer: {
     gap: 10
@@ -510,7 +979,7 @@ var styles2 = StyleSheet2.create({
   },
   optionLeft: {
     flexDirection: "row",
-    gap: 12,
+    gap: 8,
     alignItems: "center",
     flex: 1
   },
@@ -522,7 +991,7 @@ var styles2 = StyleSheet2.create({
     fontSize: 16,
     lineHeight: 24,
     letterSpacing: 0.2,
-    color: "#101828"
+    color: "#323B4B"
   },
   optionDescription: {
     fontWeight: "400",
@@ -532,7 +1001,7 @@ var styles2 = StyleSheet2.create({
     color: "#475467"
   },
   dataElementsContainer: {
-    paddingLeft: 22
+    paddingLeft: 26
   },
   dataElementItem: {
     flexDirection: "row",
@@ -551,17 +1020,16 @@ var styles2 = StyleSheet2.create({
     flex: 1
   },
   bottomSection: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    gap: 12,
+    flexDirection: "column",
+    gap: 10,
     paddingTop: 15,
+    paddingBottom: 16,
     backgroundColor: "#ffffff",
     flexShrink: 0
   },
   button: {
-    flex: 1,
     borderRadius: 8,
-    paddingVertical: 12,
+    paddingVertical: 9,
     paddingHorizontal: 20,
     alignItems: "center",
     justifyContent: "center"
@@ -647,7 +1115,7 @@ var styles2 = StyleSheet2.create({
     padding: 12,
     marginBottom: 16,
     borderWidth: 1,
-    borderColor: "#FCA5A5",
+    borderColor: "#FECACA",
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between"
@@ -677,7 +1145,7 @@ var styles2 = StyleSheet2.create({
   textInput: {
     borderWidth: 1,
     borderColor: "#d0d5dd",
-    borderRadius: 8,
+    borderRadius: 6,
     paddingVertical: 10,
     paddingHorizontal: 12,
     fontSize: 13,
@@ -713,7 +1181,7 @@ var styles2 = StyleSheet2.create({
     width: 16,
     height: 16,
     borderRadius: 8,
-    borderWidth: 2,
+    borderWidth: 1.5,
     borderColor: "#d0d5dd",
     backgroundColor: "transparent"
   },
@@ -736,14 +1204,46 @@ var useResponsive = () => {
 };
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function RemoteLogo({ uri }) {
+  const isSvg = uri.toLowerCase().endsWith(".svg") || uri.toLowerCase().includes("image/svg");
+  if (isSvg && SvgUri) {
+    return /* @__PURE__ */ jsx3(SvgUri, { uri, width: 32, height: 32 });
+  }
+  return /* @__PURE__ */ jsx3(Image, { style: styles2.logo, source: { uri } });
+}
 function stripHtml(html) {
   return html.replace(/<[^>]*>/g, "").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&nbsp;/g, " ").trim();
 }
-var expoAv = null;
-try {
-  expoAv = __require("expo-av");
-} catch {
+var expoAudioModule = null;
+var expoAudioModulePromise = null;
+async function getExpoAudioModuleAsync() {
+  if (expoAudioModule) {
+    return expoAudioModule;
+  }
+  if (expoAudioModulePromise) {
+    return expoAudioModulePromise;
+  }
+  expoAudioModulePromise = (async () => {
+    try {
+      const moduleName = "expo-audio";
+      const mod = await import(moduleName);
+      const candidate = mod;
+      if (typeof (candidate == null ? void 0 : candidate.createAudioPlayer) !== "function" || typeof (candidate == null ? void 0 : candidate.setAudioModeAsync) !== "function") {
+        return null;
+      }
+      expoAudioModule = candidate;
+      return candidate;
+    } catch {
+      return null;
+    }
+  })();
+  const resolved = await expoAudioModulePromise;
+  expoAudioModulePromise = null;
+  return resolved;
+}
+function logTTS(stage, meta) {
+  console.info("[RedactoConsentSDK][TTS]", stage, meta || {});
 }
 var PurposeItem = ({
   purpose,
@@ -756,22 +1256,24 @@ var PurposeItem = ({
   onDataElementToggle,
   getTranslatedText,
   isAlreadyConsented,
-  initialDataElementSelections = {}
+  initialDataElementSelections = {},
+  accentColor: purposeAccentColor,
+  activeTTSSegmentKey
 }) => {
-  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#323B4B";
   const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
-  return /* @__PURE__ */ jsxs(View2, { children: [
-    /* @__PURE__ */ jsxs(View2, { style: styles2.optionItem, children: [
-      /* @__PURE__ */ jsxs(
-        TouchableOpacity2,
+  return /* @__PURE__ */ jsxs2(View3, { children: [
+    /* @__PURE__ */ jsxs2(View3, { style: styles2.optionItem, children: [
+      /* @__PURE__ */ jsxs2(
+        TouchableOpacity3,
         {
           style: styles2.optionLeft,
           onPress: () => onPurposeCollapse(purpose.uuid),
           accessibilityRole: "button",
           accessibilityLabel: `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)} details`,
           children: [
-            /* @__PURE__ */ jsx2(View2, { style: styles2.purposeChevron, children: /* @__PURE__ */ jsx2(Svg2, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ jsx2(
-              Path2,
+            /* @__PURE__ */ jsx3(View3, { style: styles2.purposeChevron, children: /* @__PURE__ */ jsx3(Svg3, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ jsx3(
+              Path3,
               {
                 d: "M1 1L6 6L1 11",
                 stroke: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
@@ -781,24 +1283,45 @@ var PurposeItem = ({
                 transform: !collapsedPurposes[purpose.uuid] ? "rotate(90 3.5 6)" : void 0
               }
             ) }) }),
-            /* @__PURE__ */ jsxs(View2, { style: styles2.optionTextContainer, children: [
-              /* @__PURE__ */ jsx2(Text, { style: [styles2.optionTitle, { color: headingColor }], children: getTranslatedText("purposes.name", purpose.name, purpose.uuid) }),
-              /* @__PURE__ */ jsx2(Text, { style: [styles2.optionDescription, { color: textColor }], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
+            /* @__PURE__ */ jsxs2(View3, { style: styles2.optionTextContainer, children: [
+              /* @__PURE__ */ jsx3(
+                Text2,
+                {
+                  style: [
+                    styles2.optionTitle,
+                    { color: headingColor },
+                    activeTTSSegmentKey === `purpose_name_${purpose.uuid}` ? styles2.ttsHighlight : null
+                  ],
+                  children: getTranslatedText("purposes.name", purpose.name, purpose.uuid)
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                Text2,
+                {
+                  style: [
+                    styles2.optionDescription,
+                    { color: textColor },
+                    activeTTSSegmentKey === `purpose_desc_${purpose.uuid}` ? styles2.ttsHighlight : null
+                  ],
+                  children: getTranslatedText("purposes.description", purpose.description, purpose.uuid)
+                }
+              )
             ] })
           ]
         }
       ),
-      !isAlreadyConsented && /* @__PURE__ */ jsx2(
+      !isAlreadyConsented && /* @__PURE__ */ jsx3(
         Checkbox,
         {
           checked: selectedPurposes[purpose.uuid] || false,
           onChange: () => onPurposeToggle(purpose.uuid),
           size: "large",
+          accentColor: purposeAccentColor,
           accessibilityLabel: `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`
         }
       ),
-      isAlreadyConsented && /* @__PURE__ */ jsx2(View2, { style: styles2.consentedCheckmark, children: /* @__PURE__ */ jsx2(Svg2, { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx2(
-        Path2,
+      isAlreadyConsented && /* @__PURE__ */ jsx3(View3, { style: styles2.consentedCheckmark, children: /* @__PURE__ */ jsx3(Svg3, { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx3(
+        Path3,
         {
           d: "M4 6L5.5 7.5L8.5 4.5",
           stroke: "white",
@@ -808,24 +1331,35 @@ var PurposeItem = ({
         }
       ) }) })
     ] }),
-    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ jsx2(View2, { style: styles2.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ jsxs(View2, { style: styles2.dataElementItem, children: [
-      /* @__PURE__ */ jsxs(Text, { style: [styles2.dataElementText, { color: textColor }], children: [
-        getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
-        dataElement.required && /* @__PURE__ */ jsx2(Text, { style: styles2.requiredAsterisk, children: " *" })
-      ] }),
-      !isAlreadyConsented && /* @__PURE__ */ jsx2(
+    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ jsx3(View3, { style: styles2.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ jsxs2(View3, { style: styles2.dataElementItem, children: [
+      /* @__PURE__ */ jsxs2(
+        Text2,
+        {
+          style: [
+            styles2.dataElementText,
+            { color: textColor },
+            activeTTSSegmentKey === `element_${dataElement.uuid}` ? styles2.ttsHighlight : null
+          ],
+          children: [
+            getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
+            dataElement.required && /* @__PURE__ */ jsx3(Text2, { style: styles2.requiredAsterisk, children: " *" })
+          ]
+        }
+      ),
+      !isAlreadyConsented && /* @__PURE__ */ jsx3(
         Checkbox,
         {
           checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
           onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid),
           size: "small",
+          accentColor: purposeAccentColor,
           accessibilityLabel: `Select ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}${dataElement.required ? " (required)" : ""}`
         }
       ),
       isAlreadyConsented && (() => {
         const wasSelected = initialDataElementSelections[`${purpose.uuid}-${dataElement.uuid}`] || false;
-        return wasSelected ? /* @__PURE__ */ jsx2(View2, { style: styles2.consentedCheckmarkSmall, children: /* @__PURE__ */ jsx2(Svg2, { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx2(
-          Path2,
+        return wasSelected ? /* @__PURE__ */ jsx3(View3, { style: styles2.consentedCheckmarkSmall, children: /* @__PURE__ */ jsx3(Svg3, { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
+          Path3,
           {
             d: "M3 5L4.5 6.5L7.5 3.5",
             stroke: "white",
@@ -833,26 +1367,33 @@ var PurposeItem = ({
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
-        ) }) }) : /* @__PURE__ */ jsx2(View2, { style: styles2.notConsentedCircle });
+        ) }) }) : /* @__PURE__ */ jsx3(View3, { style: styles2.notConsentedCircle });
       })()
     ] }, dataElement.uuid)) })
   ] });
 };
+var RELATIONSHIP_OPTIONS = ["Father", "Mother", "Legal Guardian", "Grandparent"];
 var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDecline, settings, logoUrl }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
   const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(View2, { style: styles2.topSection, children: /* @__PURE__ */ jsxs(View2, { style: styles2.topLeft, children: [
-      logoUrl ? /* @__PURE__ */ jsx2(Image, { style: styles2.logo, source: { uri: logoUrl } }) : null,
-      /* @__PURE__ */ jsx2(Text, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#101828" }], children: "Guardian Information Required" })
+  const [showRelationshipDropdown, setShowRelationshipDropdown] = useState(false);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3(View3, { style: styles2.topSection, children: /* @__PURE__ */ jsxs2(View3, { style: styles2.topLeft, children: [
+      logoUrl ? /* @__PURE__ */ jsx3(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#323B4B" }], children: "Guardian Verification" })
     ] }) }),
-    /* @__PURE__ */ jsxs(ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
-      /* @__PURE__ */ jsx2(Text, { style: [styles2.privacyText, { color: textColor, fontSize: 14, lineHeight: 20 }], children: "As you are under the age of consent, we need to collect information about your legal guardian to proceed." }),
-      /* @__PURE__ */ jsxs(View2, { style: { marginTop: 16, gap: 12 }, children: [
-        /* @__PURE__ */ jsxs(View2, { style: styles2.inputContainer, children: [
-          /* @__PURE__ */ jsx2(Text, { style: [styles2.inputLabel, { color: textColor }], children: "Name of Guardian *" }),
-          /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(View3, { style: styles2.divider }),
+    /* @__PURE__ */ jsxs2(ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.privacyText, { color: textColor, fontSize: 13, lineHeight: 20 }], children: "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before consent can be provided on your behalf." }),
+      /* @__PURE__ */ jsx3(View3, { style: guardianStyles.infoBanner, children: /* @__PURE__ */ jsx3(Text2, { style: guardianStyles.infoBannerText, children: "Please ensure the name and phone number entered below match the guardian's official Aadhaar-linked records for successful verification." }) }),
+      /* @__PURE__ */ jsxs2(View3, { style: { marginTop: 16, gap: 12 }, children: [
+        /* @__PURE__ */ jsxs2(View3, { style: styles2.inputContainer, children: [
+          /* @__PURE__ */ jsxs2(Text2, { style: [styles2.inputLabel, { color: textColor }], children: [
+            "Guardian's Full Name ",
+            /* @__PURE__ */ jsx3(Text2, { style: { color: "red" }, children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx3(
             TextInput,
             {
               value: formData.guardianName,
@@ -861,15 +1402,18 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
                 styles2.textInput,
                 { borderColor: errors.guardianName ? "#DC2626" : borderColor, color: textColor }
               ],
-              placeholder: "Enter guardian's full name",
+              placeholder: "e.g. Rajesh Kumar",
               placeholderTextColor: "#9CA3AF"
             }
           ),
-          errors.guardianName ? /* @__PURE__ */ jsx2(Text, { style: styles2.inputError, children: errors.guardianName }) : null
+          errors.guardianName ? /* @__PURE__ */ jsx3(Text2, { style: styles2.inputError, children: errors.guardianName }) : null
         ] }),
-        /* @__PURE__ */ jsxs(View2, { style: styles2.inputContainer, children: [
-          /* @__PURE__ */ jsx2(Text, { style: [styles2.inputLabel, { color: textColor }], children: "Contact of Guardian *" }),
-          /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsxs2(View3, { style: styles2.inputContainer, children: [
+          /* @__PURE__ */ jsxs2(Text2, { style: [styles2.inputLabel, { color: textColor }], children: [
+            "Guardian's Phone Number ",
+            /* @__PURE__ */ jsx3(Text2, { style: { color: "red" }, children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx3(
             TextInput,
             {
               value: formData.guardianContact,
@@ -878,37 +1422,72 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
                 styles2.textInput,
                 { borderColor: errors.guardianContact ? "#DC2626" : borderColor, color: textColor }
               ],
-              placeholder: "Enter guardian's email or phone number",
-              placeholderTextColor: "#9CA3AF",
-              keyboardType: "email-address",
-              autoCapitalize: "none"
-            }
-          ),
-          errors.guardianContact ? /* @__PURE__ */ jsx2(Text, { style: styles2.inputError, children: errors.guardianContact }) : null
-        ] }),
-        /* @__PURE__ */ jsxs(View2, { style: styles2.inputContainer, children: [
-          /* @__PURE__ */ jsx2(Text, { style: [styles2.inputLabel, { color: textColor }], children: "Relationship to Guardian *" }),
-          /* @__PURE__ */ jsx2(
-            TextInput,
-            {
-              value: formData.guardianRelationship,
-              onChangeText: (v) => onChange("guardianRelationship", v),
-              style: [
-                styles2.textInput,
-                { borderColor: errors.guardianRelationship ? "#DC2626" : borderColor, color: textColor }
-              ],
-              placeholder: "e.g., Parent, Legal Guardian, etc.",
-              placeholderTextColor: "#9CA3AF"
+              placeholder: "e.g. 9876543210",
+              placeholderTextColor: "#9CA3AF",
+              keyboardType: "phone-pad"
             }
           ),
-          errors.guardianRelationship ? /* @__PURE__ */ jsx2(Text, { style: styles2.inputError, children: errors.guardianRelationship }) : null
+          /* @__PURE__ */ jsx3(Text2, { style: { fontSize: 11, color: "#667085", marginTop: 4 }, children: "Mobile number linked to guardian's Aadhaar" }),
+          errors.guardianContact ? /* @__PURE__ */ jsx3(Text2, { style: styles2.inputError, children: errors.guardianContact }) : null
+        ] }),
+        /* @__PURE__ */ jsxs2(View3, { style: styles2.inputContainer, children: [
+          /* @__PURE__ */ jsxs2(Text2, { style: [styles2.inputLabel, { color: textColor }], children: [
+            "Relationship ",
+            /* @__PURE__ */ jsx3(Text2, { style: { color: "red" }, children: "*" })
+          ] }),
+          /* @__PURE__ */ jsxs2(View3, { style: { position: "relative" }, children: [
+            /* @__PURE__ */ jsxs2(
+              TouchableOpacity3,
+              {
+                style: [
+                  styles2.textInput,
+                  {
+                    borderColor: errors.guardianRelationship ? "#DC2626" : borderColor,
+                    flexDirection: "row",
+                    alignItems: "center",
+                    justifyContent: "space-between"
+                  }
+                ],
+                onPress: () => setShowRelationshipDropdown((v) => !v),
+                children: [
+                  /* @__PURE__ */ jsx3(Text2, { style: { color: formData.guardianRelationship ? textColor : "#9CA3AF", fontSize: 13 }, children: formData.guardianRelationship || "Select relationship" }),
+                  /* @__PURE__ */ jsx3(Svg3, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx3(
+                    Path3,
+                    {
+                      d: "M4 6L8 10L12 6",
+                      stroke: textColor,
+                      strokeWidth: 2,
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  ) })
+                ]
+              }
+            ),
+            showRelationshipDropdown && /* @__PURE__ */ jsx3(View3, { style: guardianStyles.relationshipDropdown, children: RELATIONSHIP_OPTIONS.map((option) => /* @__PURE__ */ jsx3(
+              TouchableOpacity3,
+              {
+                style: [
+                  guardianStyles.relationshipItem,
+                  formData.guardianRelationship === option ? guardianStyles.relationshipItemSelected : null
+                ],
+                onPress: () => {
+                  onChange("guardianRelationship", option);
+                  setShowRelationshipDropdown(false);
+                },
+                children: /* @__PURE__ */ jsx3(Text2, { style: [guardianStyles.relationshipItemText, { color: textColor }], children: option })
+              },
+              option
+            )) })
+          ] }),
+          errors.guardianRelationship ? /* @__PURE__ */ jsx3(Text2, { style: styles2.inputError, children: errors.guardianRelationship }) : null
         ] }),
-        errors.general ? /* @__PURE__ */ jsx2(View2, { style: styles2.errorContainer, children: /* @__PURE__ */ jsx2(Text, { style: styles2.errorText, children: errors.general }) }) : null
+        errors.general ? /* @__PURE__ */ jsx3(View3, { style: styles2.errorContainer, children: /* @__PURE__ */ jsx3(Text2, { style: styles2.errorText, children: errors.general }) }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(View2, { style: styles2.bottomSection, children: [
-      /* @__PURE__ */ jsx2(
-        TouchableOpacity2,
+    /* @__PURE__ */ jsxs2(View3, { style: styles2.bottomSection, children: [
+      /* @__PURE__ */ jsx3(
+        TouchableOpacity3,
         {
           style: [
             styles2.button,
@@ -918,47 +1497,95 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
           onPress: onNext,
           disabled: isSubmitting,
           accessibilityLabel: "Submit guardian information and proceed",
-          children: /* @__PURE__ */ jsx2(Text, { style: [
+          children: isSubmitting ? /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "small", color: ((_c = (_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) == null ? void 0 : _c.textColor) || "#ffffff" }) : /* @__PURE__ */ jsx3(Text2, { style: [
             styles2.buttonText,
             styles2.acceptButtonText,
-            ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : null
-          ], children: isSubmitting ? "Submitting..." : "Next" })
+            ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.accept) ? { color: settings.button.accept.textColor } : null
+          ], children: "Verify via DigiLocker" })
         }
       ),
-      /* @__PURE__ */ jsx2(
-        TouchableOpacity2,
+      /* @__PURE__ */ jsx3(
+        TouchableOpacity3,
         {
           style: [
             styles2.button,
             styles2.cancelButton,
-            ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? { backgroundColor: settings.button.decline.backgroundColor, borderColor: settings.button.decline.backgroundColor } : null
+            ((_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) ? {
+              backgroundColor: settings.button.decline.backgroundColor,
+              borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd"
+            } : null
           ],
           onPress: onDecline,
+          disabled: isSubmitting,
           accessibilityLabel: "Cancel guardian information form",
-          children: /* @__PURE__ */ jsx2(Text, { style: [
+          children: /* @__PURE__ */ jsx3(Text2, { style: [
             styles2.buttonText,
             styles2.cancelButtonText,
-            ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : null
+            ((_f = settings == null ? void 0 : settings.button) == null ? void 0 : _f.decline) ? { color: settings.button.decline.textColor } : null
           ], children: "Cancel" })
         }
       )
     ] })
   ] });
 };
-var AgeVerification = ({ onYes, onNo, settings, logoUrl }) => {
+var guardianStyles = StyleSheet4.create({
+  infoBanner: {
+    backgroundColor: "#EFF6FF",
+    borderWidth: 1,
+    borderColor: "#BFDBFE",
+    borderRadius: 8,
+    padding: 12,
+    marginTop: 12
+  },
+  infoBannerText: {
+    fontSize: 12,
+    color: "#1D4ED8",
+    lineHeight: 18
+  },
+  relationshipDropdown: {
+    position: "absolute",
+    top: "100%",
+    left: 0,
+    right: 0,
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    borderRadius: 8,
+    zIndex: 10,
+    marginTop: 4,
+    overflow: "hidden"
+  },
+  relationshipItem: {
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e5e7eb"
+  },
+  relationshipItemSelected: {
+    backgroundColor: "#f3f4f6"
+  },
+  relationshipItemText: {
+    fontSize: 13
+  }
+});
+var AgeVerification = ({ onYes, onNo, onClose, settings, logoUrl }) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(View2, { style: styles2.topSection, children: /* @__PURE__ */ jsxs(View2, { style: styles2.topLeft, children: [
-      logoUrl ? /* @__PURE__ */ jsx2(Image, { style: styles2.logo, source: { uri: logoUrl } }) : null,
-      /* @__PURE__ */ jsx2(Text, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#101828" }], children: "Age Verification" })
-    ] }) }),
-    /* @__PURE__ */ jsxs(ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
-      /* @__PURE__ */ jsx2(Text, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054" }], children: "To proceed, we need to verify your age." }),
-      /* @__PURE__ */ jsx2(Text, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054", marginTop: 12, fontWeight: "600" }], children: "Are you 18 years of age or older?" })
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(View3, { style: styles2.topSection, children: [
+      /* @__PURE__ */ jsxs2(View3, { style: styles2.topLeft, children: [
+        logoUrl ? /* @__PURE__ */ jsx3(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
+        /* @__PURE__ */ jsx3(Text2, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#323B4B" }], children: "Age Verification Required" })
+      ] }),
+      onClose ? /* @__PURE__ */ jsx3(TouchableOpacity3, { onPress: onClose, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ jsx3(Svg3, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx3(Path3, { d: "M18 6L6 18M6 6l12 12", stroke: "#9CA3AF", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : null
     ] }),
-    /* @__PURE__ */ jsxs(View2, { style: styles2.bottomSection, children: [
-      /* @__PURE__ */ jsx2(
-        TouchableOpacity2,
+    /* @__PURE__ */ jsx3(View3, { style: styles2.divider }),
+    /* @__PURE__ */ jsxs2(ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054" }], children: "To proceed with this consent form, we need to verify your age." }),
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054", marginTop: 12, fontWeight: "600" }], children: "Are you 18 years of age or older?" })
+    ] }),
+    /* @__PURE__ */ jsxs2(View3, { style: styles2.bottomSection, children: [
+      /* @__PURE__ */ jsx3(
+        TouchableOpacity3,
         {
           style: [
             styles2.button,
@@ -967,28 +1594,31 @@ var AgeVerification = ({ onYes, onNo, settings, logoUrl }) => {
           ],
           onPress: onYes,
           accessibilityLabel: "Yes, I am 18 or older",
-          children: /* @__PURE__ */ jsx2(Text, { style: [
+          children: /* @__PURE__ */ jsx3(Text2, { style: [
             styles2.buttonText,
             styles2.acceptButtonText,
             ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : null
-          ], children: "Yes" })
+          ], children: "Yes, I am 18 or older" })
         }
       ),
-      /* @__PURE__ */ jsx2(
-        TouchableOpacity2,
+      /* @__PURE__ */ jsx3(
+        TouchableOpacity3,
         {
           style: [
             styles2.button,
             styles2.cancelButton,
-            ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? { backgroundColor: settings.button.decline.backgroundColor, borderColor: settings.button.decline.backgroundColor } : null
+            ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? {
+              backgroundColor: settings.button.decline.backgroundColor,
+              borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd"
+            } : null
           ],
           onPress: onNo,
           accessibilityLabel: "No, I am under 18",
-          children: /* @__PURE__ */ jsx2(Text, { style: [
+          children: /* @__PURE__ */ jsx3(Text2, { style: [
             styles2.buttonText,
             styles2.cancelButtonText,
             ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : null
-          ], children: "No" })
+          ], children: "No, I am under 18" })
         }
       )
     ] })
@@ -1010,12 +1640,14 @@ var RedactoNoticeConsent = ({
   includeFullyConsentedData = false,
   reviewModeButtonText
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const { isMobile } = useResponsive();
   const [content, setContent] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const [selectedLanguage, setSelectedLanguage] = useState(language);
+  const [selectedLanguage, setSelectedLanguage] = useState(
+    language === "en" || language === "EN" ? "English" : language
+  );
   const [collapsedPurposes, setCollapsedPurposes] = useState({});
   const [selectedPurposes, setSelectedPurposes] = useState({});
   const [selectedDataElements, setSelectedDataElements] = useState({});
@@ -1028,18 +1660,33 @@ var RedactoNoticeConsent = ({
   const [showAgeVerification, setShowAgeVerification] = useState(false);
   const [showGuardianForm, setShowGuardianForm] = useState(false);
   const [isMinor, setIsMinor] = useState(false);
+  const [selfDeclaredAdult, setSelfDeclaredAdult] = useState(false);
   const [guardianFormData, setGuardianFormData] = useState({ guardianName: "", guardianContact: "", guardianRelationship: "" });
   const [guardianFormErrors, setGuardianFormErrors] = useState({});
   const [isSubmittingGuardian, setIsSubmittingGuardian] = useState(false);
+  const [showVerificationScreen, setShowVerificationScreen] = useState(false);
+  const [verificationStatus, setVerificationStatus] = useState("pending");
+  const [verificationError, setVerificationError] = useState();
+  const [verificationErrorCode, setVerificationErrorCode] = useState();
+  const [canRetryVerification, setCanRetryVerification] = useState(true);
+  const verificationReferenceRef = useRef2(null);
+  const verificationSessionTokenRef = useRef2(null);
+  const pollingTimerRef = useRef2(null);
+  const pollingCountRef = useRef2(0);
+  const isAppActiveRef = useRef2(true);
   const [isTTSAvailable, setIsTTSAvailable] = useState(false);
   const [ttsAudioUrls, setTtsAudioUrls] = useState({});
   const [isPlaying, setIsPlaying] = useState(false);
   const [isPaused, setIsPaused] = useState(false);
-  const soundRef = useRef(null);
-  const ttsQueueRef = useRef([]);
-  const ttsIndexRef = useRef(0);
-  const abortControllerRef = useRef(null);
-  const hasBootstrappedLanguageRef = useRef(false);
+  const [activeTTSSegmentKey, setActiveTTSSegmentKey] = useState(null);
+  const playerRef = useRef2(null);
+  const playbackSubscriptionRef = useRef2(null);
+  const playbackPollerRef = useRef2(null);
+  const ttsQueueRef = useRef2([]);
+  const ttsIndexRef = useRef2(0);
+  const isAudioModeConfiguredRef = useRef2(false);
+  const abortControllerRef = useRef2(null);
+  const hasBootstrappedLanguageRef = useRef2(false);
   const fetchContent = useCallback(async () => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
@@ -1052,7 +1699,7 @@ var RedactoNoticeConsent = ({
         noticeId,
         accessToken,
         baseUrl,
-        language: selectedLanguage,
+        language: "English",
         validate_against: validateAgainst,
         include_fully_consented_data: includeFullyConsentedData,
         specific_uuid: applicationId,
@@ -1086,12 +1733,23 @@ var RedactoNoticeConsent = ({
       setInitialDataElementSelections(initialDataElementSelectionsMap);
       if (!hasBootstrappedLanguageRef.current) {
         hasBootstrappedLanguageRef.current = true;
-        if (activeConfig2.default_language && activeConfig2.default_language !== selectedLanguage) {
-          setSelectedLanguage(activeConfig2.default_language);
+        const defaultLang = activeConfig2.default_language;
+        const mappedDefault = defaultLang === "en" || defaultLang === "EN" ? "English" : defaultLang;
+        if (mappedDefault && mappedDefault !== selectedLanguage) {
+          setSelectedLanguage(mappedDefault);
         }
       }
       setContent(data);
       setIsReconsentMode(reconsentRequired);
+      if (includeFullyConsentedData && purposeSelections) {
+        const allFullyConsented = activeConfig2.purposes.every((p) => {
+          const sel = purposeSelections[p.uuid];
+          return (sel == null ? void 0 : sel.selected) && !(sel == null ? void 0 : sel.needs_reconsent);
+        });
+        if (allFullyConsented) {
+          setIsReviewMode(true);
+        }
+      }
       if (noticeIsMinor) {
         setShowAgeVerification(true);
       }
@@ -1112,11 +1770,11 @@ var RedactoNoticeConsent = ({
     } finally {
       setIsLoading(false);
     }
-  }, [noticeId, accessToken, baseUrl, selectedLanguage, validateAgainst, includeFullyConsentedData, applicationId, onAccept, onError]);
-  useEffect(() => {
+  }, [noticeId, accessToken, baseUrl, validateAgainst, includeFullyConsentedData, applicationId, onAccept, onError]);
+  useEffect2(() => {
     hasBootstrappedLanguageRef.current = false;
   }, [noticeId, accessToken]);
-  useEffect(() => {
+  useEffect2(() => {
     fetchContent();
     return () => {
       var _a2;
@@ -1124,7 +1782,11 @@ var RedactoNoticeConsent = ({
     };
   }, [fetchContent]);
   const fetchTTS = useCallback(async () => {
-    if (!expoAv || !content) return;
+    if (!content) return;
+    logTTS("tts_fetch_started", {
+      language: selectedLanguage,
+      baseUrl: baseUrl || "default"
+    });
     try {
       const data = await fetchTTSAudioUrls({
         accessToken,
@@ -1136,8 +1798,15 @@ var RedactoNoticeConsent = ({
         notice_text: data.detail.notice_text_audio_url,
         additional_text: data.detail.additional_text_audio_url,
         notice_banner_heading: data.detail.notice_banner_heading_audio_url,
-        purpose_section_heading: data.detail.purpose_section_heading_audio_url
+        purpose_section_heading: data.detail.purpose_section_heading_audio_url,
+        privacy_policy_prefix_text: data.detail.privacy_policy_prefix_text_audio_url,
+        privacy_policy_anchor_text: data.detail.privacy_policy_anchor_text_audio_url,
+        confirm_button_text: data.detail.confirm_button_text_audio_url,
+        decline_button_text: data.detail.decline_button_text_audio_url
       };
+      if (data.detail.privacy_center_anchor_text_audio_url) {
+        urls.privacy_center_anchor_text = data.detail.privacy_center_anchor_text_audio_url;
+      }
       content.detail.active_config.purposes.forEach((p) => {
         var _a2;
         const pa = (_a2 = data.detail.purposes_audio) == null ? void 0 : _a2[p.uuid];
@@ -1151,89 +1820,292 @@ var RedactoNoticeConsent = ({
           if (ea) urls[`element_${el.uuid}`] = ea.name_audio_url;
         });
       });
+      if (data.detail.dpo_info_audio) {
+        const dpoAudio = data.detail.dpo_info_audio;
+        DPO_AUDIO_ELEMENT_MAP.forEach(({ audioKey, elementId }) => {
+          const url = dpoAudio[audioKey];
+          if (url) urls[elementId] = url;
+        });
+      }
+      const hasAtLeastOneAudio = Object.values(urls).some(Boolean);
       setTtsAudioUrls(urls);
-      setIsTTSAvailable(true);
-    } catch {
+      setIsTTSAvailable(hasAtLeastOneAudio);
+      logTTS("tts_fetch_success", {
+        language: selectedLanguage,
+        hasAtLeastOneAudio,
+        audioKeyCount: Object.keys(urls).length
+      });
+    } catch (err) {
+      const error = err;
+      console.warn("[RedactoConsentSDK][TTS] tts_fetch_failed", {
+        language: selectedLanguage,
+        baseUrl: baseUrl || "default",
+        status: error.status,
+        message: error.message
+      });
+      setTtsAudioUrls({});
       setIsTTSAvailable(false);
     }
   }, [content, accessToken, baseUrl, selectedLanguage]);
-  useEffect(() => {
-    if (content && expoAv) {
-      fetchTTS();
+  const clearPlaybackWatchers = useCallback(() => {
+    if (playbackSubscriptionRef.current) {
+      playbackSubscriptionRef.current.remove();
+      playbackSubscriptionRef.current = null;
     }
-  }, [content, fetchTTS]);
+    if (playbackPollerRef.current) {
+      clearInterval(playbackPollerRef.current);
+      playbackPollerRef.current = null;
+    }
+  }, []);
   const stopAudio = useCallback(async () => {
-    if (soundRef.current) {
-      await soundRef.current.stopAsync();
-      await soundRef.current.unloadAsync();
-      soundRef.current = null;
+    clearPlaybackWatchers();
+    if (playerRef.current) {
+      try {
+        await playerRef.current.stop();
+      } catch {
+      }
+      try {
+        await playerRef.current.release();
+      } catch {
+      }
+      playerRef.current = null;
     }
     setIsPlaying(false);
     setIsPaused(false);
+    setActiveTTSSegmentKey(null);
     ttsIndexRef.current = 0;
-  }, []);
+  }, [clearPlaybackWatchers]);
+  useEffect2(() => {
+    if (content) {
+      void stopAudio();
+      setIsTTSAvailable(false);
+      setTtsAudioUrls({});
+      void fetchTTS();
+    }
+  }, [content, fetchTTS, stopAudio]);
+  useEffect2(() => {
+    var _a2;
+    if (!activeTTSSegmentKey || !content) return;
+    if (!activeTTSSegmentKey.startsWith("purpose_name_") && !activeTTSSegmentKey.startsWith("purpose_desc_") && !activeTTSSegmentKey.startsWith("element_")) {
+      return;
+    }
+    let matchedPurposeUuid = null;
+    if (activeTTSSegmentKey.startsWith("purpose_name_")) {
+      matchedPurposeUuid = activeTTSSegmentKey.replace("purpose_name_", "");
+    } else if (activeTTSSegmentKey.startsWith("purpose_desc_")) {
+      matchedPurposeUuid = activeTTSSegmentKey.replace("purpose_desc_", "");
+    } else {
+      const elementUuid = activeTTSSegmentKey.replace("element_", "");
+      matchedPurposeUuid = ((_a2 = content.detail.active_config.purposes.find(
+        (purpose) => purpose.data_elements.some((el) => el.uuid === elementUuid)
+      )) == null ? void 0 : _a2.uuid) || null;
+    }
+    if (matchedPurposeUuid && collapsedPurposes[matchedPurposeUuid]) {
+      setCollapsedPurposes((prev) => ({
+        ...prev,
+        [matchedPurposeUuid]: false
+      }));
+    }
+  }, [activeTTSSegmentKey, collapsedPurposes, content]);
   const playNextInQueue = useCallback(async () => {
-    if (!expoAv) return;
+    var _a2;
+    const expoAudio = await getExpoAudioModuleAsync();
+    if (!expoAudio) {
+      console.warn("[RedactoConsentSDK][TTS] tts_playback_engine_missing", {
+        reason: "expo-audio module not available"
+      });
+      await stopAudio();
+      return;
+    }
     const queue = ttsQueueRef.current;
     if (ttsIndexRef.current >= queue.length) {
       await stopAudio();
       return;
     }
-    const url = queue[ttsIndexRef.current];
+    const segment = queue[ttsIndexRef.current];
     ttsIndexRef.current += 1;
+    setActiveTTSSegmentKey(segment.segmentKey);
     try {
-      const { sound } = await expoAv.Audio.Sound.createAsync(
-        { uri: url },
-        { shouldPlay: true },
-        (status) => {
-          if (status.isLoaded && status.didJustFinish) {
-            playNextInQueue();
-          }
+      clearPlaybackWatchers();
+      if (playerRef.current) {
+        await playerRef.current.release();
+        playerRef.current = null;
+      }
+      const player = expoAudio.createAudioPlayer({ uri: segment.url });
+      const maybeSubscription = (_a2 = player.addListener) == null ? void 0 : _a2.call(player, "playbackStatusUpdate", (status) => {
+        if (status.didJustFinish) {
+          clearPlaybackWatchers();
+          void playNextInQueue();
         }
-      );
-      soundRef.current = sound;
-    } catch {
-      playNextInQueue();
+      });
+      if (typeof maybeSubscription === "function") {
+        playbackSubscriptionRef.current = { remove: maybeSubscription };
+      } else if (maybeSubscription && typeof maybeSubscription.remove === "function") {
+        playbackSubscriptionRef.current = maybeSubscription;
+      }
+      if (!playbackSubscriptionRef.current) {
+        playbackPollerRef.current = setInterval(() => {
+          if (player.isLoaded && !player.playing && player.duration > 0 && player.currentTime >= player.duration - 0.05) {
+            clearPlaybackWatchers();
+            void playNextInQueue();
+          }
+        }, 200);
+      }
+      playerRef.current = {
+        play: () => player.play(),
+        pause: () => player.pause(),
+        stop: () => player.pause(),
+        release: () => player.remove()
+      };
+      player.play();
+    } catch (err) {
+      const error = err;
+      logTTS("tts_playback_segment_failed", {
+        segmentKey: segment.segmentKey,
+        message: error.message
+      });
+      await playNextInQueue();
     }
-  }, [stopAudio]);
+  }, [clearPlaybackWatchers, stopAudio]);
   const startAudio = useCallback(async () => {
-    if (!expoAv || !content) return;
+    if (!content) return;
+    const expoAudio = await getExpoAudioModuleAsync();
+    if (!expoAudio) {
+      console.warn("[RedactoConsentSDK][TTS] tts_playback_engine_missing", {
+        reason: "expo-audio module not available"
+      });
+      return;
+    }
+    if (!isAudioModeConfiguredRef.current) {
+      try {
+        await expoAudio.setAudioModeAsync({
+          playsInSilentMode: true
+        });
+        isAudioModeConfiguredRef.current = true;
+      } catch (err) {
+        const error = err;
+        console.warn("[RedactoConsentSDK][TTS] tts_audio_mode_config_failed", {
+          message: error.message
+        });
+      }
+    }
     const ac = content.detail.active_config;
     const queue = [];
-    if (ttsAudioUrls.notice_banner_heading) queue.push(ttsAudioUrls.notice_banner_heading);
-    if (ttsAudioUrls.notice_text) queue.push(ttsAudioUrls.notice_text);
-    if (ttsAudioUrls.additional_text) queue.push(ttsAudioUrls.additional_text);
-    if (ttsAudioUrls.purpose_section_heading) queue.push(ttsAudioUrls.purpose_section_heading);
+    const pushSegment = (segmentKey, url) => {
+      if (url) {
+        queue.push({ segmentKey, url });
+      }
+    };
+    pushSegment("notice_banner_heading", ttsAudioUrls.notice_banner_heading);
+    pushSegment("notice_text", ttsAudioUrls.notice_text);
+    pushSegment("privacy_policy_prefix_text", ttsAudioUrls.privacy_policy_prefix_text);
+    pushSegment("privacy_policy_anchor_text", ttsAudioUrls.privacy_policy_anchor_text);
+    pushSegment("purpose_section_heading", ttsAudioUrls.purpose_section_heading);
     ac.purposes.forEach((p) => {
-      if (ttsAudioUrls[`purpose_name_${p.uuid}`]) queue.push(ttsAudioUrls[`purpose_name_${p.uuid}`]);
-      if (ttsAudioUrls[`purpose_desc_${p.uuid}`]) queue.push(ttsAudioUrls[`purpose_desc_${p.uuid}`]);
+      pushSegment(`purpose_name_${p.uuid}`, ttsAudioUrls[`purpose_name_${p.uuid}`]);
+      pushSegment(`purpose_desc_${p.uuid}`, ttsAudioUrls[`purpose_desc_${p.uuid}`]);
       p.data_elements.forEach((el) => {
-        if (ttsAudioUrls[`element_${el.uuid}`]) queue.push(ttsAudioUrls[`element_${el.uuid}`]);
+        pushSegment(`element_${el.uuid}`, ttsAudioUrls[`element_${el.uuid}`]);
       });
     });
+    pushSegment("additional_text", ttsAudioUrls.additional_text);
+    pushSegment("privacy_center_anchor_text", ttsAudioUrls.privacy_center_anchor_text);
+    DPO_AUDIO_ELEMENT_MAP.forEach(({ elementId }) => {
+      pushSegment(elementId, ttsAudioUrls[elementId]);
+    });
+    pushSegment("confirm_button_text", ttsAudioUrls.confirm_button_text);
+    pushSegment("decline_button_text", ttsAudioUrls.decline_button_text);
+    if (queue.length === 0) {
+      logTTS("tts_playback_queue_empty", { language: selectedLanguage });
+      return;
+    }
     ttsQueueRef.current = queue;
     ttsIndexRef.current = 0;
     setIsPlaying(true);
     setIsPaused(false);
+    logTTS("tts_playback_start", { queueLength: queue.length, language: selectedLanguage });
     await playNextInQueue();
-  }, [content, ttsAudioUrls, playNextInQueue]);
+  }, [content, ttsAudioUrls, playNextInQueue, selectedLanguage]);
   const toggleAudio = useCallback(async () => {
-    var _a2, _b2;
+    var _a2;
     if (isPlaying && !isPaused) {
-      await ((_a2 = soundRef.current) == null ? void 0 : _a2.pauseAsync());
+      await ((_a2 = playerRef.current) == null ? void 0 : _a2.pause());
       setIsPaused(true);
+      setActiveTTSSegmentKey(null);
+      logTTS("tts_playback_paused");
     } else if (isPaused) {
-      await ((_b2 = soundRef.current) == null ? void 0 : _b2.playAsync());
+      if (!playerRef.current) {
+        await startAudio();
+        return;
+      }
+      await playerRef.current.play();
       setIsPaused(false);
+      const currentQueueItem = ttsQueueRef.current[ttsIndexRef.current - 1];
+      setActiveTTSSegmentKey((currentQueueItem == null ? void 0 : currentQueueItem.segmentKey) || null);
+      logTTS("tts_playback_resumed");
     } else {
       await startAudio();
     }
   }, [isPlaying, isPaused, startAudio]);
-  useEffect(() => {
+  useEffect2(() => {
     return () => {
       stopAudio();
     };
   }, [stopAudio]);
+  useEffect2(() => {
+    const subscription = AppState.addEventListener("change", (nextAppState) => {
+      isAppActiveRef.current = nextAppState === "active";
+    });
+    return () => subscription.remove();
+  }, []);
+  const stopPolling = useCallback(() => {
+    if (pollingTimerRef.current) {
+      clearTimeout(pollingTimerRef.current);
+      pollingTimerRef.current = null;
+    }
+  }, []);
+  const pollVerificationStatus = useCallback(async () => {
+    const sessionToken = verificationSessionTokenRef.current;
+    if (!sessionToken) return;
+    pollingCountRef.current += 1;
+    if (pollingCountRef.current > 40) {
+      stopPolling();
+      setVerificationStatus("expired");
+      setVerificationError("Verification timed out. Please try again.");
+      return;
+    }
+    if (!isAppActiveRef.current) {
+      pollingTimerRef.current = setTimeout(pollVerificationStatus, 3e3);
+      return;
+    }
+    try {
+      const result = await verifyGuardianStatus({
+        accessToken,
+        baseUrl,
+        sessionToken
+      });
+      if (result.status === "verified") {
+        stopPolling();
+        verificationReferenceRef.current = result.verificationReference || null;
+        setVerificationStatus("verified");
+      } else if (result.status === "failed" || result.status === "expired") {
+        stopPolling();
+        setVerificationStatus(result.status);
+        setVerificationError(result.error);
+        setVerificationErrorCode(result.errorCode);
+        setCanRetryVerification(result.canRetry !== false);
+      } else {
+        pollingTimerRef.current = setTimeout(pollVerificationStatus, 3e3);
+      }
+    } catch {
+      pollingTimerRef.current = setTimeout(pollVerificationStatus, 3e3);
+    }
+  }, [accessToken, baseUrl, stopPolling]);
+  useEffect2(() => {
+    return () => {
+      stopPolling();
+    };
+  }, [stopPolling]);
   const getTranslatedText = useCallback(
     (key, defaultText, itemId) => {
       var _a2, _b2, _c2;
@@ -1311,7 +2183,9 @@ var RedactoNoticeConsent = ({
           }))
         })),
         declined: false,
-        meta_data: applicationId ? { specific_uuid: applicationId } : void 0
+        meta_data: applicationId ? { specific_uuid: applicationId } : void 0,
+        guardianVerificationReference: verificationReferenceRef.current || void 0,
+        selfDeclaredAdult: selfDeclaredAdult || void 0
       });
       await stopAudio();
       clearApiCache();
@@ -1327,35 +2201,12 @@ var RedactoNoticeConsent = ({
       setIsSubmitting(false);
     }
   }, [content, accessToken, baseUrl, applicationId, selectedPurposes, selectedDataElements, stopAudio, onAccept, onError]);
-  const handleDecline = useCallback(async () => {
-    if (!content) return;
-    if (blockUI) return;
-    try {
-      setIsSubmitting(true);
-      const activeConfig2 = content.detail.active_config;
-      await submitConsentEvent({
-        accessToken,
-        baseUrl,
-        noticeUuid: activeConfig2.notice_uuid,
-        purposes: activeConfig2.purposes.map((purpose) => ({
-          ...purpose,
-          selected: false,
-          data_elements: purpose.data_elements.map((el) => ({ ...el, selected: false }))
-        })),
-        declined: true
-      });
-      await stopAudio();
-      clearApiCache();
-      setIsVisible(false);
-      onDecline();
-    } catch (err) {
-      const error = err;
-      setErrorMessage(error.message || "Failed to decline consent.");
-      onError == null ? void 0 : onError(error);
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, [content, accessToken, baseUrl, blockUI, stopAudio, onDecline, onError]);
+  const handleDecline = useCallback(() => {
+    stopAudio();
+    stopPolling();
+    setIsVisible(false);
+    onDecline();
+  }, [stopAudio, stopPolling, onDecline]);
   const handleGuardianFormChange = useCallback((field, value) => {
     setGuardianFormData((prev) => ({ ...prev, [field]: value }));
     setGuardianFormErrors((prev) => ({ ...prev, [field]: "" }));
@@ -1371,36 +2222,97 @@ var RedactoNoticeConsent = ({
     }
     try {
       setIsSubmittingGuardian(true);
-      await submitGuardianInfo({
+      setGuardianFormErrors({});
+      const result = await initiateGuardianVerification({
         accessToken,
         baseUrl,
         guardianName: guardianFormData.guardianName,
         guardianContact: guardianFormData.guardianContact,
         guardianRelationship: guardianFormData.guardianRelationship
       });
-      setShowGuardianForm(false);
+      if (result.alreadyVerified || result.verificationReference && result.status === "verified") {
+        verificationReferenceRef.current = result.verificationReference || null;
+        setVerificationStatus("verified");
+        setShowVerificationScreen(true);
+        return;
+      }
+      if (result.sessionToken && result.digilockerRedirectUrl) {
+        verificationSessionTokenRef.current = result.sessionToken;
+        setVerificationStatus("pending");
+        setShowVerificationScreen(true);
+        pollingCountRef.current = 0;
+        try {
+          const canOpen = await Linking.canOpenURL(result.digilockerRedirectUrl);
+          if (canOpen) {
+            await Linking.openURL(result.digilockerRedirectUrl);
+          }
+        } catch {
+        }
+        pollingTimerRef.current = setTimeout(pollVerificationStatus, 3e3);
+      } else if (result.verificationReference) {
+        verificationReferenceRef.current = result.verificationReference;
+        setVerificationStatus("verified");
+        setShowVerificationScreen(true);
+      } else {
+        setGuardianFormErrors({ general: "Invalid response from server: missing required fields" });
+      }
     } catch (err) {
       const error = err;
-      setGuardianFormErrors({ general: error.message || "Failed to submit guardian info." });
+      setGuardianFormErrors({ general: error.message || "Failed to initiate verification." });
     } finally {
       setIsSubmittingGuardian(false);
     }
-  }, [guardianFormData, accessToken, baseUrl]);
+  }, [guardianFormData, accessToken, baseUrl, pollVerificationStatus]);
+  const handleRetryVerification = useCallback(() => {
+    setVerificationStatus("pending");
+    setVerificationError(void 0);
+    setVerificationErrorCode(void 0);
+    pollingCountRef.current = 0;
+    setShowVerificationScreen(false);
+  }, []);
   const activeConfig = content == null ? void 0 : content.detail.active_config;
   const logoUrl = activeConfig == null ? void 0 : activeConfig.logo_url;
-  const supportedLanguages = useMemo(
-    () => Object.keys((activeConfig == null ? void 0 : activeConfig.supported_languages_and_translations) || {}),
-    [activeConfig]
-  );
-  const acceptButtonStyle = ((_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) ? { backgroundColor: settings.button.accept.backgroundColor } : {};
-  const acceptButtonTextStyle = ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : {};
-  const declineButtonStyle = ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? { backgroundColor: settings.button.decline.backgroundColor, borderColor: settings.button.decline.backgroundColor } : {};
-  const declineButtonTextStyle = ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : {};
+  const supportedLanguages = useMemo(() => {
+    if (!activeConfig) return [];
+    const languages = ["English"];
+    const defaultLang = activeConfig.default_language;
+    if (defaultLang && defaultLang !== "English" && defaultLang !== "en" && defaultLang !== "EN") {
+      languages.push(defaultLang);
+    }
+    for (const key of Object.keys(activeConfig.supported_languages_and_translations || {}).sort()) {
+      if (!languages.includes(key)) {
+        languages.push(key);
+      }
+    }
+    return languages;
+  }, [activeConfig]);
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#323B4B";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
+  const acceptBackgroundColor = ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) == null ? void 0 : _b.backgroundColor) || (activeConfig == null ? void 0 : activeConfig.primary_color) || "#4f87ff";
+  const acceptTextColor = ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.accept) == null ? void 0 : _d.textColor) || "#ffffff";
+  const declineBackgroundColor = ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) == null ? void 0 : _f.backgroundColor) || "#ffffff";
+  const declineTextColor = ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.decline) == null ? void 0 : _h.textColor) || "#000000";
+  const linkColor = (settings == null ? void 0 : settings.link) || (activeConfig == null ? void 0 : activeConfig.secondary_color) || "#4f87ff";
+  const accentColor = (activeConfig == null ? void 0 : activeConfig.primary_color) || "#4f87ff";
+  const areAllRequiredElementsChecked = useMemo(() => {
+    if (!activeConfig) return false;
+    return activeConfig.purposes.every((purpose) => {
+      const requiredElements = purpose.data_elements.filter((el) => el.required);
+      return requiredElements.every(
+        (el) => selectedDataElements[`${purpose.uuid}-${el.uuid}`]
+      );
+    });
+  }, [activeConfig, selectedDataElements]);
+  const acceptButtonStyle = { backgroundColor: acceptBackgroundColor };
+  const acceptButtonTextStyle = { color: acceptTextColor };
+  const declineButtonStyle = { backgroundColor: declineBackgroundColor, borderColor };
+  const declineButtonTextStyle = { color: declineTextColor };
   const modalBg = (settings == null ? void 0 : settings.backgroundColor) ? { backgroundColor: settings.backgroundColor } : {};
   const translatedNoticeText = activeConfig ? stripHtml(getTranslatedText("notice_text", activeConfig.notice_text || "")) : "";
   const translatedAdditionalText = activeConfig ? stripHtml(getTranslatedText("additional_text", activeConfig.additional_text || "")) : "";
   if (!isVisible && !isLoading) return null;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     Modal,
     {
       visible: isVisible || isLoading,
@@ -1408,16 +2320,16 @@ var RedactoNoticeConsent = ({
       animationType: "fade",
       onRequestClose: blockUI ? void 0 : handleDecline,
       accessibilityViewIsModal: true,
-      children: /* @__PURE__ */ jsxs(View2, { style: styles2.overlay, children: [
-        isLanguageDropdownOpen && /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsxs2(View3, { style: styles2.overlay, children: [
+        isLanguageDropdownOpen && /* @__PURE__ */ jsx3(
           Pressable,
           {
-            style: [StyleSheet3.absoluteFillObject, { zIndex: 1 }],
+            style: [StyleSheet4.absoluteFillObject, { zIndex: 1 }],
             onPress: () => setIsLanguageDropdownOpen(false)
           }
         ),
-        /* @__PURE__ */ jsx2(
-          View2,
+        /* @__PURE__ */ jsx3(
+          View3,
           {
             style: [
               styles2.modal,
@@ -1425,10 +2337,47 @@ var RedactoNoticeConsent = ({
               { zIndex: 2 },
               (settings == null ? void 0 : settings.borderRadius) ? { borderRadius: parseInt(settings.borderRadius, 10) } : null
             ],
-            children: isLoading ? /* @__PURE__ */ jsxs(View2, { style: styles2.loadingContainer, children: [
-              /* @__PURE__ */ jsx2(ActivityIndicator, { size: "large", color: "#4f87ff" }),
-              /* @__PURE__ */ jsx2(Text, { style: styles2.loadingText, children: "Loading..." })
-            ] }) : showGuardianForm ? /* @__PURE__ */ jsx2(View2, { style: styles2.content, children: /* @__PURE__ */ jsx2(
+            children: isLoading ? /* @__PURE__ */ jsxs2(View3, { style: styles2.loadingContainer, children: [
+              /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "large", color: acceptBackgroundColor }),
+              /* @__PURE__ */ jsx3(Text2, { style: styles2.loadingText, children: "Loading..." })
+            ] }) : showVerificationScreen ? /* @__PURE__ */ jsx3(View3, { style: styles2.content, children: /* @__PURE__ */ jsx3(
+              VerificationScreen,
+              {
+                status: verificationStatus,
+                errorMessage: verificationError,
+                errorCode: verificationErrorCode,
+                canRetry: canRetryVerification,
+                onRetry: handleRetryVerification,
+                onBack: () => {
+                  stopPolling();
+                  setShowVerificationScreen(false);
+                },
+                onContinue: () => {
+                  setShowVerificationScreen(false);
+                  setShowGuardianForm(false);
+                },
+                onChangeGuardian: () => {
+                  setShowVerificationScreen(false);
+                },
+                settings: {
+                  ...settings,
+                  headingColor,
+                  textColor,
+                  borderColor,
+                  primaryColor: acceptBackgroundColor,
+                  button: {
+                    accept: {
+                      backgroundColor: acceptBackgroundColor,
+                      textColor: acceptTextColor
+                    },
+                    decline: {
+                      backgroundColor: declineBackgroundColor,
+                      textColor: declineTextColor
+                    }
+                  }
+                }
+              }
+            ) }) : showGuardianForm ? /* @__PURE__ */ jsx3(View3, { style: styles2.content, children: /* @__PURE__ */ jsx3(
               GuardianForm,
               {
                 formData: guardianFormData,
@@ -1437,37 +2386,68 @@ var RedactoNoticeConsent = ({
                 onChange: handleGuardianFormChange,
                 onNext: handleGuardianFormNext,
                 onDecline: handleDecline,
-                settings,
+                settings: {
+                  ...settings,
+                  headingColor,
+                  textColor,
+                  borderColor,
+                  button: {
+                    accept: {
+                      backgroundColor: acceptBackgroundColor,
+                      textColor: acceptTextColor
+                    },
+                    decline: {
+                      backgroundColor: declineBackgroundColor,
+                      textColor: declineTextColor
+                    }
+                  }
+                },
                 logoUrl
               }
-            ) }) : showAgeVerification ? /* @__PURE__ */ jsx2(View2, { style: styles2.content, children: /* @__PURE__ */ jsx2(
+            ) }) : showAgeVerification ? /* @__PURE__ */ jsx3(View3, { style: styles2.content, children: /* @__PURE__ */ jsx3(
               AgeVerification,
               {
                 onYes: () => {
                   setShowAgeVerification(false);
+                  setSelfDeclaredAdult(true);
                 },
                 onNo: () => {
                   setShowAgeVerification(false);
                   if (isMinor) setShowGuardianForm(true);
                 },
-                settings,
+                settings: {
+                  ...settings,
+                  headingColor,
+                  textColor,
+                  button: {
+                    accept: {
+                      backgroundColor: acceptBackgroundColor,
+                      textColor: acceptTextColor
+                    },
+                    decline: {
+                      backgroundColor: declineBackgroundColor,
+                      textColor: declineTextColor
+                    }
+                  }
+                },
                 logoUrl
               }
-            ) }) : /* @__PURE__ */ jsxs(View2, { style: styles2.content, children: [
-              errorMessage ? /* @__PURE__ */ jsxs(View2, { style: styles2.errorContainer, children: [
-                /* @__PURE__ */ jsx2(Text, { style: styles2.errorText, children: errorMessage }),
-                /* @__PURE__ */ jsx2(TouchableOpacity2, { onPress: () => setErrorMessage(null), hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ jsx2(Svg2, { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx2(Path2, { d: "M12 4L4 12M4 4L12 12", stroke: "#DC2626", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+            ) }) : /* @__PURE__ */ jsxs2(View3, { style: styles2.content, children: [
+              errorMessage ? /* @__PURE__ */ jsxs2(View3, { style: styles2.errorContainer, children: [
+                /* @__PURE__ */ jsx3(Text2, { style: styles2.errorText, children: errorMessage }),
+                /* @__PURE__ */ jsx3(TouchableOpacity3, { onPress: () => setErrorMessage(null), hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ jsx3(Svg3, { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx3(Path3, { d: "M12 4L4 12M4 4L12 12", stroke: "#DC2626", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })
               ] }) : null,
-              /* @__PURE__ */ jsxs(View2, { style: styles2.topSection, children: [
-                /* @__PURE__ */ jsxs(View2, { style: styles2.topLeft, children: [
-                  logoUrl ? /* @__PURE__ */ jsx2(Image, { style: styles2.logo, source: { uri: logoUrl } }) : null,
-                  /* @__PURE__ */ jsx2(
-                    Text,
+              /* @__PURE__ */ jsxs2(View3, { style: styles2.topSection, children: [
+                /* @__PURE__ */ jsxs2(View3, { style: styles2.topLeft, children: [
+                  logoUrl ? /* @__PURE__ */ jsx3(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
+                  /* @__PURE__ */ jsx3(
+                    Text2,
                     {
                       style: [
                         styles2.title,
-                        { color: (settings == null ? void 0 : settings.headingColor) || "#101828" },
-                        isMobile ? { fontSize: 16 } : null
+                        { color: headingColor },
+                        isMobile ? { fontSize: 16 } : null,
+                        activeTTSSegmentKey === "notice_banner_heading" ? styles2.ttsHighlight : null
                       ],
                       numberOfLines: 2,
                       children: getTranslatedText(
@@ -1477,32 +2457,32 @@ var RedactoNoticeConsent = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs(View2, { style: { flexDirection: "row", gap: 8, alignItems: "center" }, children: [
-                  isTTSAvailable && /* @__PURE__ */ jsx2(
-                    TouchableOpacity2,
+                /* @__PURE__ */ jsxs2(View3, { style: { flexDirection: "row", gap: 8, alignItems: "center" }, children: [
+                  isTTSAvailable && /* @__PURE__ */ jsx3(
+                    TouchableOpacity3,
                     {
-                      style: [styles2.topRight, ((_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null],
+                      style: [styles2.topRight, ((_i = settings == null ? void 0 : settings.button) == null ? void 0 : _i.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null],
                       onPress: toggleAudio,
                       accessibilityLabel: isPlaying && !isPaused ? "Pause audio" : isPaused ? "Resume audio" : "Start audio",
-                      children: isPlaying && !isPaused ? /* @__PURE__ */ jsxs(Svg2, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
-                        /* @__PURE__ */ jsx2(Rect, { x: "6", y: "4", width: "4", height: "16", fill: ((_g = (_f = settings == null ? void 0 : settings.button) == null ? void 0 : _f.language) == null ? void 0 : _g.textColor) || "#344054" }),
-                        /* @__PURE__ */ jsx2(Rect, { x: "14", y: "4", width: "4", height: "16", fill: ((_i = (_h = settings == null ? void 0 : settings.button) == null ? void 0 : _h.language) == null ? void 0 : _i.textColor) || "#344054" })
-                      ] }) : /* @__PURE__ */ jsxs(Svg2, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
-                        /* @__PURE__ */ jsx2(
-                          Path2,
+                      children: isPlaying && !isPaused ? /* @__PURE__ */ jsxs2(Svg3, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
+                        /* @__PURE__ */ jsx3(Rect, { x: "6", y: "4", width: "4", height: "16", fill: ((_k = (_j = settings == null ? void 0 : settings.button) == null ? void 0 : _j.language) == null ? void 0 : _k.textColor) || "#344054" }),
+                        /* @__PURE__ */ jsx3(Rect, { x: "14", y: "4", width: "4", height: "16", fill: ((_m = (_l = settings == null ? void 0 : settings.button) == null ? void 0 : _l.language) == null ? void 0 : _m.textColor) || "#344054" })
+                      ] }) : /* @__PURE__ */ jsxs2(Svg3, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
+                        /* @__PURE__ */ jsx3(
+                          Path3,
                           {
                             d: "M11 5L6 9H2V15H6L11 19V5Z",
-                            stroke: ((_k = (_j = settings == null ? void 0 : settings.button) == null ? void 0 : _j.language) == null ? void 0 : _k.textColor) || "#344054",
+                            stroke: ((_o = (_n = settings == null ? void 0 : settings.button) == null ? void 0 : _n.language) == null ? void 0 : _o.textColor) || "#344054",
                             strokeWidth: 2,
                             strokeLinecap: "round",
                             strokeLinejoin: "round"
                           }
                         ),
-                        /* @__PURE__ */ jsx2(
-                          Path2,
+                        /* @__PURE__ */ jsx3(
+                          Path3,
                           {
                             d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07",
-                            stroke: ((_m = (_l = settings == null ? void 0 : settings.button) == null ? void 0 : _l.language) == null ? void 0 : _m.textColor) || "#344054",
+                            stroke: ((_q = (_p = settings == null ? void 0 : settings.button) == null ? void 0 : _p.language) == null ? void 0 : _q.textColor) || "#344054",
                             strokeWidth: 2,
                             strokeLinecap: "round",
                             strokeLinejoin: "round"
@@ -1511,23 +2491,23 @@ var RedactoNoticeConsent = ({
                       ] })
                     }
                   ),
-                  supportedLanguages.length > 0 && /* @__PURE__ */ jsxs(View2, { style: styles2.languageSelectorContainer, children: [
-                    /* @__PURE__ */ jsxs(
-                      TouchableOpacity2,
+                  supportedLanguages.length > 0 && /* @__PURE__ */ jsxs2(View3, { style: styles2.languageSelectorContainer, children: [
+                    /* @__PURE__ */ jsxs2(
+                      TouchableOpacity3,
                       {
                         style: [
                           styles2.topRight,
-                          ((_n = settings == null ? void 0 : settings.button) == null ? void 0 : _n.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null
+                          ((_r = settings == null ? void 0 : settings.button) == null ? void 0 : _r.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null
                         ],
                         onPress: () => setIsLanguageDropdownOpen((v) => !v),
                         accessibilityLabel: `Select language. Current: ${selectedLanguage}`,
                         children: [
-                          /* @__PURE__ */ jsx2(Text, { style: [styles2.topRightText, ((_o = settings == null ? void 0 : settings.button) == null ? void 0 : _o.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
-                          /* @__PURE__ */ jsx2(Svg2, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx2(
-                            Path2,
+                          /* @__PURE__ */ jsx3(Text2, { style: [styles2.topRightText, ((_s = settings == null ? void 0 : settings.button) == null ? void 0 : _s.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
+                          /* @__PURE__ */ jsx3(Svg3, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx3(
+                            Path3,
                             {
                               d: "M4 6L8 10L12 6",
-                              stroke: ((_q = (_p = settings == null ? void 0 : settings.button) == null ? void 0 : _p.language) == null ? void 0 : _q.textColor) || "#344054",
+                              stroke: ((_u = (_t = settings == null ? void 0 : settings.button) == null ? void 0 : _t.language) == null ? void 0 : _u.textColor) || "#344054",
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round"
@@ -1536,8 +2516,8 @@ var RedactoNoticeConsent = ({
                         ]
                       }
                     ),
-                    isLanguageDropdownOpen && /* @__PURE__ */ jsx2(View2, { style: styles2.languageDropdown, children: /* @__PURE__ */ jsx2(ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ jsx2(
-                      TouchableOpacity2,
+                    isLanguageDropdownOpen && /* @__PURE__ */ jsx3(View3, { style: styles2.languageDropdown, children: /* @__PURE__ */ jsx3(ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ jsx3(
+                      TouchableOpacity3,
                       {
                         style: [
                           styles2.languageItem,
@@ -1547,8 +2527,8 @@ var RedactoNoticeConsent = ({
                           setSelectedLanguage(lang);
                           setIsLanguageDropdownOpen(false);
                         },
-                        children: /* @__PURE__ */ jsx2(
-                          Text,
+                        children: /* @__PURE__ */ jsx3(
+                          Text2,
                           {
                             style: [
                               styles2.languageItemText,
@@ -1563,27 +2543,63 @@ var RedactoNoticeConsent = ({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs(ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
-                translatedNoticeText ? /* @__PURE__ */ jsx2(Text, { style: [styles2.privacyText, (settings == null ? void 0 : settings.textColor) ? { color: settings.textColor } : null], children: translatedNoticeText }) : null,
-                translatedAdditionalText ? /* @__PURE__ */ jsx2(Text, { style: [styles2.privacyText, { marginTop: 8 }, (settings == null ? void 0 : settings.textColor) ? { color: settings.textColor } : null], children: translatedAdditionalText }) : null,
-                (activeConfig == null ? void 0 : activeConfig.privacy_policy_url) ? /* @__PURE__ */ jsx2(
-                  TouchableOpacity2,
+              /* @__PURE__ */ jsxs2(ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
+                translatedNoticeText ? /* @__PURE__ */ jsx3(
+                  Text2,
+                  {
+                    style: [
+                      styles2.privacyText,
+                      { color: textColor },
+                      activeTTSSegmentKey === "notice_text" ? styles2.ttsHighlight : null
+                    ],
+                    children: translatedNoticeText
+                  }
+                ) : null,
+                (activeConfig == null ? void 0 : activeConfig.privacy_policy_url) ? /* @__PURE__ */ jsxs2(
+                  Text2,
+                  {
+                    style: [
+                      styles2.privacyText,
+                      { marginTop: 8 },
+                      { color: textColor }
+                    ],
+                    children: [
+                      /* @__PURE__ */ jsxs2(Text2, { style: activeTTSSegmentKey === "privacy_policy_prefix_text" ? styles2.ttsHighlight : null, children: [
+                        getTranslatedText("privacy_policy_prefix_text", activeConfig.privacy_policy_prefix_text || ""),
+                        " "
+                      ] }),
+                      /* @__PURE__ */ jsx3(
+                        Text2,
+                        {
+                          style: [
+                            styles2.link,
+                            { color: linkColor },
+                            activeTTSSegmentKey === "privacy_policy_anchor_text" ? styles2.ttsHighlight : null
+                          ],
+                          onPress: () => Linking.openURL(activeConfig.privacy_policy_url),
+                          children: getTranslatedText("privacy_policy_anchor_text", activeConfig.privacy_policy_anchor_text || "Privacy Policy")
+                        }
+                      )
+                    ]
+                  }
+                ) : null,
+                (activeConfig == null ? void 0 : activeConfig.purposes) && activeConfig.purposes.length > 0 ? /* @__PURE__ */ jsx3(
+                  Text2,
                   {
-                    onPress: () => Linking.openURL(activeConfig.privacy_policy_url),
-                    style: { marginTop: 8 },
-                    children: /* @__PURE__ */ jsxs(Text, { style: styles2.link, children: [
-                      getTranslatedText("privacy_policy_prefix_text", activeConfig.privacy_policy_prefix_text || ""),
-                      " ",
-                      /* @__PURE__ */ jsx2(Text, { style: styles2.link, children: getTranslatedText("privacy_policy_anchor_text", activeConfig.privacy_policy_anchor_text || "Privacy Policy") })
-                    ] })
+                    style: [
+                      styles2.subTitle,
+                      { marginTop: 16, marginBottom: 8 },
+                      { color: headingColor },
+                      activeTTSSegmentKey === "purpose_section_heading" ? styles2.ttsHighlight : null
+                    ],
+                    children: getTranslatedText("purpose_section_heading", activeConfig.purpose_section_heading || "Data Purposes")
                   }
                 ) : null,
-                (activeConfig == null ? void 0 : activeConfig.purposes) && activeConfig.purposes.length > 0 ? /* @__PURE__ */ jsx2(Text, { style: [styles2.subTitle, { marginTop: 16, marginBottom: 8 }, (settings == null ? void 0 : settings.headingColor) ? { color: settings.headingColor } : null], children: getTranslatedText("purpose_section_heading", activeConfig.purpose_section_heading || "Data Purposes") }) : null,
-                /* @__PURE__ */ jsx2(View2, { style: styles2.optionsContainer, children: activeConfig == null ? void 0 : activeConfig.purposes.map((purpose) => {
+                /* @__PURE__ */ jsx3(View3, { style: styles2.optionsContainer, children: activeConfig == null ? void 0 : activeConfig.purposes.map((purpose) => {
                   var _a2;
                   const purposeSelection = (_a2 = content == null ? void 0 : content.detail.purpose_selections) == null ? void 0 : _a2[purpose.uuid];
                   const isAlreadyConsented = !isReconsentMode && ((purposeSelection == null ? void 0 : purposeSelection.selected) || false) && !(purposeSelection == null ? void 0 : purposeSelection.needs_reconsent);
-                  return /* @__PURE__ */ jsx2(
+                  return /* @__PURE__ */ jsx3(
                     PurposeItem,
                     {
                       purpose,
@@ -1597,55 +2613,174 @@ var RedactoNoticeConsent = ({
                       getTranslatedText,
                       isAlreadyConsented,
                       initialDataElementSelections,
-                      selectedLanguage
+                      selectedLanguage,
+                      accentColor,
+                      activeTTSSegmentKey
                     },
                     purpose.uuid
                   );
                 }) }),
-                (activeConfig == null ? void 0 : activeConfig.dpo_info) ? /* @__PURE__ */ jsx2(View2, { style: { marginTop: 16, gap: 4 }, children: /* @__PURE__ */ jsxs(Text, { style: [styles2.privacyText, { fontSize: 13 }, (settings == null ? void 0 : settings.textColor) ? { color: settings.textColor } : null], children: [
-                  activeConfig.dpo_info.grievance_text,
-                  " ",
-                  /* @__PURE__ */ jsx2(
-                    Text,
-                    {
-                      style: styles2.link,
-                      onPress: () => Linking.openURL(activeConfig.dpo_info.grievance_url),
-                      children: activeConfig.dpo_info.grievance_anchor_text
+                (activeConfig == null ? void 0 : activeConfig.dpo_info) || (activeConfig == null ? void 0 : activeConfig.privacy_center_url) || translatedAdditionalText ? (() => {
+                  var _a2;
+                  const dpo = activeConfig == null ? void 0 : activeConfig.dpo_info;
+                  const translationMap = (_a2 = activeConfig == null ? void 0 : activeConfig.supported_languages_and_translations) == null ? void 0 : _a2[selectedLanguage];
+                  const dpoTranslation = translationMap == null ? void 0 : translationMap.dpo_info;
+                  const dpoTextColor = textColor;
+                  const getT = (key, fallback) => {
+                    if (dpoTranslation && key in dpoTranslation) {
+                      return dpoTranslation[key] || fallback;
                     }
-                  )
-                ] }) }) : null
+                    return fallback;
+                  };
+                  return /* @__PURE__ */ jsx3(View3, { style: { marginTop: 8, paddingTop: 8, borderTopWidth: 1, borderTopColor: "rgba(152, 162, 179, 0.3)", opacity: 0.6 }, children: /* @__PURE__ */ jsxs2(Text2, { style: [styles2.privacyText, { fontSize: 14, color: dpoTextColor }], children: [
+                    translatedAdditionalText ? /* @__PURE__ */ jsxs2(Text2, { style: activeTTSSegmentKey === "additional_text" ? styles2.ttsHighlight : null, children: [
+                      translatedAdditionalText,
+                      " "
+                    ] }) : null,
+                    (activeConfig == null ? void 0 : activeConfig.privacy_center_url) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                      /* @__PURE__ */ jsx3(
+                        Text2,
+                        {
+                          style: [
+                            styles2.link,
+                            { color: linkColor },
+                            activeTTSSegmentKey === "privacy_center_anchor_text" ? styles2.ttsHighlight : null
+                          ],
+                          onPress: () => Linking.openURL(activeConfig.privacy_center_url),
+                          children: getTranslatedText("privacy_center_anchor_text", activeConfig.privacy_center_anchor_text || "Privacy Center")
+                        }
+                      ),
+                      ".\n"
+                    ] }) : null,
+                    (dpo == null ? void 0 : dpo.grievance_text) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                      /* @__PURE__ */ jsxs2(Text2, { style: activeTTSSegmentKey === "dpo-grievance-text" ? styles2.ttsHighlight : null, children: [
+                        getT("grievance_text", dpo.grievance_text),
+                        " "
+                      ] }),
+                      /* @__PURE__ */ jsx3(
+                        Text2,
+                        {
+                          style: [
+                            styles2.link,
+                            { color: linkColor },
+                            activeTTSSegmentKey === "dpo-grievance-link" ? styles2.ttsHighlight : null
+                          ],
+                          onPress: () => Linking.openURL(dpo.grievance_url),
+                          children: getT("grievance_anchor_text", dpo.grievance_anchor_text)
+                        }
+                      ),
+                      dpo.grievance_email ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                        " ",
+                        /* @__PURE__ */ jsx3(Text2, { style: activeTTSSegmentKey === "dpo-grievance-email-connector" ? styles2.ttsHighlight : null, children: getT("grievance_email_connector_text", dpo.grievance_email_connector_text || "or email to") }),
+                        " ",
+                        /* @__PURE__ */ jsx3(
+                          Text2,
+                          {
+                            style: [
+                              styles2.link,
+                              { color: linkColor },
+                              activeTTSSegmentKey === "dpo-grievance-email" ? styles2.ttsHighlight : null
+                            ],
+                            onPress: () => Linking.openURL(`mailto:${dpo.grievance_email}`),
+                            children: dpo.grievance_email
+                          }
+                        )
+                      ] }) : null,
+                      "\n"
+                    ] }) : null,
+                    (dpo == null ? void 0 : dpo.dp_board_text) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                      /* @__PURE__ */ jsxs2(Text2, { style: activeTTSSegmentKey === "dpo-dp-board-text" ? styles2.ttsHighlight : null, children: [
+                        getT("dp_board_text", dpo.dp_board_text),
+                        " "
+                      ] }),
+                      /* @__PURE__ */ jsx3(
+                        Text2,
+                        {
+                          style: [
+                            styles2.link,
+                            { color: linkColor },
+                            activeTTSSegmentKey === "dpo-dp-board-link" ? styles2.ttsHighlight : null
+                          ],
+                          onPress: () => Linking.openURL(dpo.dp_board_url),
+                          children: getT("dp_board_anchor_text", dpo.dp_board_anchor_text)
+                        }
+                      ),
+                      "\n"
+                    ] }) : null,
+                    (dpo == null ? void 0 : dpo.dpo_text) ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                      /* @__PURE__ */ jsxs2(Text2, { style: activeTTSSegmentKey === "dpo-dpo-text" ? styles2.ttsHighlight : null, children: [
+                        getT("dpo_text", dpo.dpo_text),
+                        " "
+                      ] }),
+                      /* @__PURE__ */ jsx3(
+                        Text2,
+                        {
+                          style: [
+                            styles2.link,
+                            { color: linkColor },
+                            activeTTSSegmentKey === "dpo-dpo-link" ? styles2.ttsHighlight : null
+                          ],
+                          onPress: () => Linking.openURL(dpo.dpo_url),
+                          children: getT("dpo_anchor_text", dpo.dpo_anchor_text)
+                        }
+                      )
+                    ] }) : null
+                  ] }) });
+                })() : null
               ] }),
-              /* @__PURE__ */ jsx2(View2, { style: styles2.bottomSection, children: isReviewMode ? /* @__PURE__ */ jsx2(
-                TouchableOpacity2,
+              /* @__PURE__ */ jsx3(View3, { style: styles2.bottomSection, children: isReviewMode ? /* @__PURE__ */ jsx3(
+                TouchableOpacity3,
                 {
                   style: [styles2.button, styles2.acceptButton, acceptButtonStyle],
                   onPress: () => setIsReviewMode(false),
-                  children: /* @__PURE__ */ jsx2(Text, { style: [styles2.buttonText, styles2.acceptButtonText, acceptButtonTextStyle], children: reviewModeButtonText || "Update Consent" })
+                  children: /* @__PURE__ */ jsx3(Text2, { style: [styles2.buttonText, styles2.acceptButtonText, acceptButtonTextStyle], children: reviewModeButtonText || "Update Consent" })
                 }
-              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx2(
-                  TouchableOpacity2,
+              ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+                /* @__PURE__ */ jsx3(
+                  TouchableOpacity3,
                   {
                     style: [
                       styles2.button,
                       styles2.acceptButton,
                       acceptButtonStyle,
-                      isSubmitting ? { opacity: 0.6 } : null
+                      isSubmitting || !areAllRequiredElementsChecked ? { opacity: 0.5 } : null
                     ],
                     onPress: handleAccept,
-                    disabled: isSubmitting,
+                    disabled: isSubmitting || !areAllRequiredElementsChecked,
                     accessibilityLabel: isSubmitting ? "Submitting consent" : getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept"),
-                    children: isSubmitting ? /* @__PURE__ */ jsx2(ActivityIndicator, { size: "small", color: ((_s = (_r = settings == null ? void 0 : settings.button) == null ? void 0 : _r.accept) == null ? void 0 : _s.textColor) || "#ffffff" }) : /* @__PURE__ */ jsx2(Text, { style: [styles2.buttonText, styles2.acceptButtonText, acceptButtonTextStyle], children: getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept") })
+                    children: isSubmitting ? /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "small", color: acceptTextColor }) : /* @__PURE__ */ jsx3(
+                      Text2,
+                      {
+                        style: [
+                          styles2.buttonText,
+                          styles2.acceptButtonText,
+                          acceptButtonTextStyle,
+                          activeTTSSegmentKey === "confirm_button_text" ? styles2.ttsHighlight : null
+                        ],
+                        children: getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept")
+                      }
+                    )
                   }
                 ),
-                !blockUI && /* @__PURE__ */ jsx2(
-                  TouchableOpacity2,
+                /* @__PURE__ */ jsx3(
+                  TouchableOpacity3,
                   {
-                    style: [styles2.button, styles2.cancelButton, declineButtonStyle],
+                    style: [styles2.button, styles2.cancelButton, declineButtonStyle, isSubmitting ? { opacity: 0.5 } : null],
                     onPress: handleDecline,
                     disabled: isSubmitting,
                     accessibilityLabel: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline"),
-                    children: /* @__PURE__ */ jsx2(Text, { style: [styles2.buttonText, styles2.cancelButtonText, declineButtonTextStyle], children: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline") })
+                    children: /* @__PURE__ */ jsx3(
+                      Text2,
+                      {
+                        style: [
+                          styles2.buttonText,
+                          styles2.cancelButtonText,
+                          declineButtonTextStyle,
+                          activeTTSSegmentKey === "decline_button_text" ? styles2.ttsHighlight : null
+                        ],
+                        children: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline")
+                      }
+                    )
                   }
                 )
               ] }) })
@@ -1660,20 +2795,20 @@ var RedactoNoticeConsent = ({
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
 import {
   useCallback as useCallback2,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo as useMemo2,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState2,
   memo
 } from "react";
 import {
-  ActivityIndicator as ActivityIndicator2,
+  ActivityIndicator as ActivityIndicator3,
   ScrollView as ScrollView2,
-  Text as Text2,
-  TouchableOpacity as TouchableOpacity3,
-  View as View3
+  Text as Text3,
+  TouchableOpacity as TouchableOpacity4,
+  View as View4
 } from "react-native";
-import Svg3, { Path as Path3 } from "react-native-svg";
+import Svg4, { Path as Path4 } from "react-native-svg";
 
 // src/RedactoNoticeConsentInline/api/index.ts
 var fetchConsentContent2 = async ({
@@ -1792,8 +2927,8 @@ var submitConsentEvent2 = async ({
 };
 
 // src/RedactoNoticeConsentInline/styles.ts
-import { StyleSheet as StyleSheet4, Platform as Platform2 } from "react-native";
-var styles3 = StyleSheet4.create({
+import { StyleSheet as StyleSheet5, Platform as Platform2 } from "react-native";
+var styles3 = StyleSheet5.create({
   container: {
     width: "100%",
     borderRadius: 8,
@@ -1840,13 +2975,13 @@ var styles3 = StyleSheet4.create({
     fontWeight: "700",
     lineHeight: 27,
     letterSpacing: 0.2,
-    color: "#101828",
+    color: "#323B4B",
     flexShrink: 1
   },
   topRight: {
-    borderRadius: 8,
-    paddingVertical: 3,
-    paddingHorizontal: 9,
+    borderRadius: 6,
+    paddingVertical: 6,
+    paddingHorizontal: 10,
     borderWidth: 1,
     borderColor: "#d0d5dd",
     flexDirection: "row",
@@ -1855,8 +2990,8 @@ var styles3 = StyleSheet4.create({
     backgroundColor: "#ffffff"
   },
   topRightText: {
-    fontWeight: "400",
-    fontSize: 12,
+    fontWeight: "500",
+    fontSize: 13,
     color: "#344054"
   },
   middleSection: {
@@ -1879,7 +3014,7 @@ var styles3 = StyleSheet4.create({
     fontSize: 16,
     lineHeight: 24,
     letterSpacing: 0.2,
-    color: "#101828"
+    color: "#323B4B"
   },
   optionsContainer: {
     gap: 14
@@ -1903,7 +3038,7 @@ var styles3 = StyleSheet4.create({
     fontSize: 16,
     lineHeight: 24,
     letterSpacing: 0.2,
-    color: "#101828"
+    color: "#323B4B"
   },
   optionDescription: {
     fontWeight: "400",
@@ -1913,7 +3048,7 @@ var styles3 = StyleSheet4.create({
     color: "#475467"
   },
   dataElementsContainer: {
-    paddingLeft: 22,
+    paddingLeft: 24,
     marginTop: 4
   },
   dataElementItem: {
@@ -1922,7 +3057,7 @@ var styles3 = StyleSheet4.create({
     gap: 10,
     justifyContent: "space-between",
     minHeight: 24,
-    paddingVertical: 2
+    paddingVertical: 6
   },
   dataElementText: {
     fontWeight: "400",
@@ -2047,7 +3182,7 @@ var styles3 = StyleSheet4.create({
 });
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var RedactoConsentInlineComponent = ({
   org_uuid,
   workspace_uuid,
@@ -2075,7 +3210,7 @@ var RedactoConsentInlineComponent = ({
   const [fetchError, setFetchError] = useState2(null);
   const [errorMessage, setErrorMessage] = useState2(null);
   const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = useState2(false);
-  const hasSubmittedRef = useRef2(false);
+  const hasSubmittedRef = useRef3(false);
   const getTranslatedText = useCallback2(
     (key, defaultText, itemId) => {
       var _a2, _b2, _c2;
@@ -2118,11 +3253,11 @@ var RedactoConsentInlineComponent = ({
       );
     });
   }, [content, selectedDataElements]);
-  useEffect2(() => {
+  useEffect3(() => {
     onValidationChange == null ? void 0 : onValidationChange(areAllRequiredElementsChecked);
   }, [areAllRequiredElementsChecked, onValidationChange]);
   const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked || !accessToken;
-  useEffect2(() => {
+  useEffect3(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -2185,7 +3320,7 @@ var RedactoConsentInlineComponent = ({
       }
     }
   }, [org_uuid, workspace_uuid, notice_uuid, baseUrl, language, applicationId, onError]);
-  useEffect2(() => {
+  useEffect3(() => {
     const controller = new AbortController();
     void fetchNotice(controller.signal);
     return () => {
@@ -2286,7 +3421,7 @@ var RedactoConsentInlineComponent = ({
       onAccept
     ]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (accessToken && content && areAllRequiredElementsChecked && !isSubmitting && !hasSubmittedRef.current) {
       hasSubmittedRef.current = true;
       const autoSubmit = async () => {
@@ -2300,32 +3435,33 @@ var RedactoConsentInlineComponent = ({
       autoSubmit();
     }
   }, [accessToken, content, areAllRequiredElementsChecked, isSubmitting, handleAcceptWithToken, onError]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!accessToken) {
       hasSubmittedRef.current = false;
     }
   }, [accessToken]);
-  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#323B4B";
   const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const inlineAccentColor = (content == null ? void 0 : content.primary_color) || "#4f87ff";
   const supportedLanguages = useMemo2(
     () => Object.keys((content == null ? void 0 : content.supported_languages_and_translations) || {}),
     [content]
   );
   if (hasAlreadyConsented || fetchError) return null;
   if (isLoading) {
-    return /* @__PURE__ */ jsxs2(View3, { style: styles3.loadingContainer, children: [
-      /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "large", color: "#4f87ff" }),
-      /* @__PURE__ */ jsx3(Text2, { style: [styles3.loadingText, { color: textColor }], children: "Loading..." })
+    return /* @__PURE__ */ jsxs3(View4, { style: styles3.loadingContainer, children: [
+      /* @__PURE__ */ jsx4(ActivityIndicator3, { size: "large", color: "#4f87ff" }),
+      /* @__PURE__ */ jsx4(Text3, { style: [styles3.loadingText, { color: textColor }], children: "Loading..." })
     ] });
   }
   if (!content) return null;
-  return /* @__PURE__ */ jsxs2(View3, { style: { gap: 16 }, children: [
-    errorMessage ? /* @__PURE__ */ jsx3(View3, { style: styles3.errorContainer, children: /* @__PURE__ */ jsx3(Text2, { style: styles3.errorText, children: errorMessage }) }) : null,
-    supportedLanguages.length > 0 && /* @__PURE__ */ jsxs2(View3, { style: [styles3.topSection, { borderBottomWidth: 0, paddingBottom: 0 }], children: [
-      /* @__PURE__ */ jsx3(View3, {}),
-      /* @__PURE__ */ jsxs2(View3, { style: styles3.languageSelectorContainer, children: [
-        /* @__PURE__ */ jsxs2(
-          TouchableOpacity3,
+  return /* @__PURE__ */ jsxs3(View4, { style: { gap: 16 }, children: [
+    errorMessage ? /* @__PURE__ */ jsx4(View4, { style: styles3.errorContainer, children: /* @__PURE__ */ jsx4(Text3, { style: styles3.errorText, children: errorMessage }) }) : null,
+    supportedLanguages.length > 0 && /* @__PURE__ */ jsxs3(View4, { style: [styles3.topSection, { borderBottomWidth: 0, paddingBottom: 0 }], children: [
+      /* @__PURE__ */ jsx4(View4, {}),
+      /* @__PURE__ */ jsxs3(View4, { style: styles3.languageSelectorContainer, children: [
+        /* @__PURE__ */ jsxs3(
+          TouchableOpacity4,
           {
             style: [
               styles3.topRight,
@@ -2333,9 +3469,9 @@ var RedactoConsentInlineComponent = ({
             ],
             onPress: () => setIsLanguageDropdownOpen((v) => !v),
             children: [
-              /* @__PURE__ */ jsx3(Text2, { style: [styles3.topRightText, ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
-              /* @__PURE__ */ jsx3(Svg3, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx3(
-                Path3,
+              /* @__PURE__ */ jsx4(Text3, { style: [styles3.topRightText, ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
+              /* @__PURE__ */ jsx4(Svg4, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx4(
+                Path4,
                 {
                   d: "M4 6L8 10L12 6",
                   stroke: ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.language) == null ? void 0 : _d.textColor) || "#344054",
@@ -2347,8 +3483,8 @@ var RedactoConsentInlineComponent = ({
             ]
           }
         ),
-        isLanguageDropdownOpen && /* @__PURE__ */ jsx3(View3, { style: styles3.languageDropdown, children: /* @__PURE__ */ jsx3(ScrollView2, { children: supportedLanguages.map((lang) => /* @__PURE__ */ jsx3(
-          TouchableOpacity3,
+        isLanguageDropdownOpen && /* @__PURE__ */ jsx4(View4, { style: styles3.languageDropdown, children: /* @__PURE__ */ jsx4(ScrollView2, { children: supportedLanguages.map((lang) => /* @__PURE__ */ jsx4(
+          TouchableOpacity4,
           {
             style: [
               styles3.languageItem,
@@ -2358,24 +3494,24 @@ var RedactoConsentInlineComponent = ({
               setSelectedLanguage(lang);
               setIsLanguageDropdownOpen(false);
             },
-            children: /* @__PURE__ */ jsx3(Text2, { style: [styles3.languageItemText, lang === selectedLanguage ? styles3.selectedLanguageItemText : null], children: lang })
+            children: /* @__PURE__ */ jsx4(Text3, { style: [styles3.languageItemText, lang === selectedLanguage ? styles3.selectedLanguageItemText : null], children: lang })
           },
           lang
         )) }) })
       ] })
     ] }),
-    content.purposes.map((purpose) => /* @__PURE__ */ jsxs2(View3, { children: [
-      /* @__PURE__ */ jsxs2(View3, { style: styles3.optionItem, children: [
-        /* @__PURE__ */ jsxs2(
-          TouchableOpacity3,
+    content.purposes.map((purpose) => /* @__PURE__ */ jsxs3(View4, { children: [
+      /* @__PURE__ */ jsxs3(View4, { style: styles3.optionItem, children: [
+        /* @__PURE__ */ jsxs3(
+          TouchableOpacity4,
           {
             style: styles3.optionLeft,
             onPress: () => togglePurposeCollapse(purpose.uuid),
             accessibilityRole: "button",
             accessibilityLabel: `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`,
             children: [
-              /* @__PURE__ */ jsx3(View3, { style: styles3.purposeChevron, children: /* @__PURE__ */ jsx3(Svg3, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ jsx3(
-                Path3,
+              /* @__PURE__ */ jsx4(View4, { style: styles3.purposeChevron, children: /* @__PURE__ */ jsx4(Svg4, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ jsx4(
+                Path4,
                 {
                   d: "M1 1L6 6L1 11",
                   stroke: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
@@ -2385,34 +3521,36 @@ var RedactoConsentInlineComponent = ({
                   transform: !collapsedPurposes[purpose.uuid] ? "rotate(90 3.5 6)" : void 0
                 }
               ) }) }),
-              /* @__PURE__ */ jsxs2(View3, { style: styles3.optionTextContainer, children: [
-                /* @__PURE__ */ jsx3(Text2, { style: [styles3.optionTitle, { color: headingColor }, isMobile ? { fontSize: 14 } : null], children: getTranslatedText("purposes.name", purpose.name, purpose.uuid) }),
-                /* @__PURE__ */ jsx3(Text2, { style: [styles3.optionDescription, { color: textColor }, isMobile ? { fontSize: 11 } : null], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
+              /* @__PURE__ */ jsxs3(View4, { style: styles3.optionTextContainer, children: [
+                /* @__PURE__ */ jsx4(Text3, { style: [styles3.optionTitle, { color: headingColor }, isMobile ? { fontSize: 14 } : null], children: getTranslatedText("purposes.name", purpose.name, purpose.uuid) }),
+                /* @__PURE__ */ jsx4(Text3, { style: [styles3.optionDescription, { color: textColor }, isMobile ? { fontSize: 11 } : null], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           Checkbox,
           {
             checked: selectedPurposes[purpose.uuid] || false,
             onChange: () => handlePurposeCheckboxChange(purpose.uuid),
             size: "large",
+            accentColor: inlineAccentColor,
             accessibilityLabel: `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`
           }
         )
       ] }),
-      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ jsx3(View3, { style: styles3.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ jsxs2(View3, { style: styles3.dataElementItem, children: [
-        /* @__PURE__ */ jsxs2(Text2, { style: [styles3.dataElementText, { color: textColor }, isMobile ? { fontSize: 12 } : null], children: [
+      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ jsx4(View4, { style: styles3.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ jsxs3(View4, { style: styles3.dataElementItem, children: [
+        /* @__PURE__ */ jsxs3(Text3, { style: [styles3.dataElementText, { color: textColor }, isMobile ? { fontSize: 12 } : null], children: [
           getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
-          dataElement.required && /* @__PURE__ */ jsx3(Text2, { style: styles3.requiredAsterisk, children: " *" })
+          dataElement.required && /* @__PURE__ */ jsx4(Text3, { style: styles3.requiredAsterisk, children: " *" })
         ] }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           Checkbox,
           {
             checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
             onChange: () => handleDataElementCheckboxChange(dataElement.uuid, purpose.uuid),
             size: "small",
+            accentColor: inlineAccentColor,
             accessibilityLabel: `Select ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}${dataElement.required ? " (required)" : ""}`
           }
         )